@charset "utf-8";
/*表单元素的文字色和边框色按钮背景色*/
/*背景颜色*/
/*表单元素的文字色和边框色按钮背景色*/
.normal-shadow {
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
}
.transition-nor {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.tools-bar .iconfont {
  margin-top: -2px;
  margin-right: 3px;
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
}
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
fieldset,
iframe,
img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea {
  font-size: 100%;
  color: #000000;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
address,
b,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
  font-style: normal;
  font-weight: 400;
}
a {
  text-decoration: none;
  cursor: pointer;
}
input,
select,
textarea {
  outline: 0;
  font-family: inherit;
}
input,
select {
  vertical-align: middle;
}
button {
  outline: none;
  border: none;
  -webkit-appearance: none;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #ffffff inset;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -webkit-text-fill-color: #000000;
}
input::placeholder,
textarea::placeholder {
  color: #b8b8b8;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b8b8b8;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #b8b8b8;
}
input:-moz-placeholder,
input:-moz-placeholder {
  color: #b8b8b8;
}
input:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #b8b8b8;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: rgba(136, 136, 136, 0.4);
}
::-webkit-scrollbar-thumb:hover{
    background: rgba(136, 136, 136, 0.8);
    background-clip:content-box;
}
::-webkit-scrollbar-track {
    background: rgba(136, 136, 136, 0.2);
}
*/
body {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
  color: #000000;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  font-variant: tabular-nums;
}
.w160 {
  width: 160px !important;
}
.w180 {
  width: 180px !important;
}
.w260 {
  width: 260px !important;
}
.w300 {
  width: 300px !important;
}
.w400 {
  width: 400px !important;
}
.mg10 {
  margin: 10px;
}
.panel {
  background-color: #ffffff;
}
.fr {
  float: right;
}
.disn {
  display: none;
}
.normal-line {
  width: 100%;
  height: 1px;
  background-color: #eeeff2;
}
.r-panel-header {
  min-height: 42px;
  background-color: #f8f8f8;
  padding-left: 17px;
}
.r-panel-header .panel-tit {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  line-height: 42px;
}
.r-panel-header .panel-tit::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 12px;
  background-color: #49d000;
  margin-right: 6px;
  margin-top: -2px;
  vertical-align: middle;
}
.r-panel-header .icon-arrow {
  cursor: pointer;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -4px 0 0 5px;
  display: inline-block;
  background: url(../images/icon-arrow.png) 0 0 no-repeat;
  background-position: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.r-panel-header .icon-arrow.close {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.cover-tips {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #2e353d;
}
.cover-tips::before {
  content: "?";
  font-size: 12px;
  color: #2e353d;
  margin: 4px 3px 4px 5px;
}
.cover-tips:hover {
  border-color: #3484f5;
}
.cover-tips:hover::before {
  color: #3484f5;
}
.cover-tips .c-tips {
  position: absolute;
  left: -10px;
  top: -100px;
  z-index: 99999;
  min-width: 160px;
  padding: 15px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 8px #e6e6e6;
}
.cover-tips .c-tips:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #e6e6e6;
  position: absolute;
  bottom: -5px;
  z-index: 1;
  left: 12px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.cover-tips.pos-bottom .c-tips {
  top: auto;
  bottom: -100px;
}
.cover-tips.pos-bottom .c-tips:before {
  border-width: 1px 1px 0 0;
  bottom: auto;
  top: -5px;
}
.tabs-link-wrap {
  font-size: 0;
  border-bottom: 1px solid #eeeff2;
  background-color: #ffffff;
}
.tabs-link-wrap a {
  display: inline-block;
  min-width: 70px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #000000;
  text-align: center;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
}
.tabs-link-wrap a:not(:last-child) {
  border-right: 1px solid #eeeff2;
}
.tabs-link-wrap a:hover {
  color: #000000;
  font-weight: bold;
}
.tabs-link-wrap a.active {
  position: relative;
  color: #000000;
  font-weight: bold;
  background-color: #fbfbfb;
}
.tabs-link-wrap a.active::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fbfbfb;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.tabs-link-wrap a.active:last-child {
  border-right: 1px solid #eeeff2;
}
.tabs-link-wrap[level="second"] {
  width: 100%;
}
.tabs-link-wrap[level="second"] a {
  border: none;
  background-color: transparent;
}
.tabs-link-wrap[level="second"] a:hover,
.tabs-link-wrap[level="second"] a.active {
  color: #0f86ea;
  font-weight: normal;
}
.tabs-link-wrap[level="second"] a:first-child {
  margin-left: 10px;
}
.tabs-link-wrap[level="second"] a.active::after {
  content: "";
  height: 0;
}
.tabs-link-wrap[level="second"] a.active:last-child {
  border: none;
}
.tabs-wrap .tabs-link-wrap a {
  border: none;
}
.tabs-wrap .tabs-link-wrap a.active {
  background-color: transparent;
}
.tabs-wrap .tabs-link-wrap a.active::after {
  left: 10px;
  width: calc(100% - 20px);
  height: 3px;
  background-color: #0f86ea;
}
.tools-bar {
  padding: 5px 0;
}
.tools-bar a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 11px;
  color: #3e3e3e;
}
.tools-bar a:hover {
  color: #0f86ea;
}
.tools-bar a.filter {
  width: 68px;
  height: 28px;
  line-height: 26px;
  border: 1px #ffffff solid;
}
.tools-bar a.filter:hover {
  border: 1px #3682d2 solid;
  border-radius: 3px;
}
.footer-logo {
  height: 45px;
  text-align: center;
}
.footer-logo i {
  display: inline-block;
  margin-top: 10px;
  width: 65px;
  height: 15px;
  background: url(../images/footer-logo.png) 0 0 no-repeat;
}
.feedback-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 999;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.feedback-layer .feedback-conbox {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -100px;
  text-align: center;
}
.feedback-layer .feedback-conbox .feedback-info {
  position: relative;
  max-width: calc(100% - 100px);
  display: inline-block;
  padding: 30px 30px;
  color: #ffffff;
  font-size: 20px;
}
.feedback-layer .feedback-conbox .feedback-info a {
  color: #ffffff;
  margin-left: 5px;
  text-decoration: underline;
}
.feedback-layer .feedback-conbox .feedback-info a:hover {
  font-weight: bold;
}
.feedback-layer .feedback-conbox .feedback-info i.bcolor {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #35bd00;
  opacity: 0.84;
  z-index: -1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.feedback-layer.theme-failure .feedback-conbox .feedback-info i.bcolor {
  background-color: #ff8a00;
}
.feedback-layer.theme-forbidden .feedback-conbox .feedback-info i.bcolor {
  background-color: #535353;
}
.feedback-layer.theme-success,
.feedback-layer.theme-failure,
.feedback-layer.theme-forbidden {
  opacity: 1;
}
.note-list {
  padding: 0 25px;
}
.note-list .note-item {
  padding: 15px 10px;
  color: #3e3e3e;
  border-bottom: 1px #eeeff2 solid;
}
.note-list .note-item a {
  font-size: 14px;
  color: #3e3e3e;
}
.note-list .note-item a:hover {
  color: #0f86ea;
}
.note-list .note-item > div {
  font-size: 12px;
  color: #b8b8b8;
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.view-times {
  font-size: 12px;
  color: #b8b8b8;
}
.view-times i {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(../images/view.png);
  vertical-align: middle;
  margin: -2px 5px 0;
}
.wrap-title h4 {
  font-size: 16px;
  line-height: 40px;
}
.wrap-title h4.note-detail-title {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
}
.note-detail {
  line-height: 22px;
  color: #000000;
  max-width: 880px;
  margin: 40px auto 50px;
}
.note-detail-toback {
  margin-bottom: 40px;
  text-align: center;
}
.note-detail-toback i {
  display: block;
  width: 33px;
  height: 33px;
  background-color: #8c9298;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  margin: 0 auto 10px;
}
.note-detail-toback i:after {
  content: "<";
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  font-family: monospace;
  margin: 0 0 0 -2px;
  line-height: 33px;
}
.note-detail-toback a {
  display: inline-block;
  font-size: 14px;
  color: #929ba5;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.note-detail-toback a:hover {
  color: #3e3e3e;
}
.note-detail-toback a:hover i {
  background-color: #3e3e3e;
}
/*pager begin*/
#pageRow {
  text-align: right;
  margin-right: 20px;
}
.pager {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
}
.pager a {
  cursor: pointer;
}
.pager a,
.pager span {
  width: 30px;
  height: 30px;
  border: 1px #cccccc solid;
  margin-left: -1px;
  color: #8a8a8a;
  display: inline-block;
  line-height: 28px;
  float: left;
  margin-right: 10px;
  border-radius: 2px;
}
.pager a:hover {
  background-color: #0f86ea;
  color: #fff;
  border-color: #0f86ea;
  position: relative;
  z-index: 1;
}
.pager span.current {
  color: #0f86ea;
  border: 0;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.pager .pg-first,
.pager .pg-prev,
.pager .pg-next,
.pager .pg-last {
  background: url(../images/page_bg.jpg) 0 0 no-repeat;
}
.pager .pg-first:hover,
.pager .pg-prev:hover,
.pager .pg-next:hover,
.pager .pg-last:hover {
  background: url(../images/page_bg_hover.jpg) 0 0 no-repeat;
}
.pager .pg-prev,
.pager .pg-prev:hover {
  background-position: -1px -28px;
}
.pager .pg-next,
.pager .pg-next:hover {
  background-position: -31px -28px;
}
.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
  background-image: url(../images/page_bg.jpg);
  border-color: #eeeeee;
}
.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
  background-image: url(../images/page_bg.jpg);
  border-color: #eeeeee;
}
.pager .pg-last,
.pager .pg-last:hover {
  background-position: -30px 0;
}
/*pager end*/
/*change tab style*/
.tabs-link-wrap {
  position: relative;
  width: calc(100% + 10px);
  height: 34px;
  top: 0;
  left: 0;
}
.tabs-link-wrap .tabs-link-scroll {
  position: absolute;
  left: -20px;
  top: 0;
}
.tabs-link-wrap a {
  height: 32px;
  line-height: 32px;
  border-radius: 5px 5px 0 0;
  background-color: #dde1e8;
  border: 1px solid #dde1e8;
  border-bottom: 0;
}
.tabs-link-wrap a.active {
  color: #3682d2;
}
.tabs-link-wrap a:not(:last-child) {
  border-right-color: #d2d7e1;
}
.tabs-wrap .tabs-link-wrap a {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #d2d7e1;
}
.tabs-wrap .tabs-link-wrap a.active {
  border: 1px solid #dde1e8;
  color: #3682d2;
}
.tabs-wrap .tabs-link-wrap a.active::after {
  content: '';
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
}
.content-wraper > .tabs-link-wrap[level="first"] {
  background-color: #22304d;
}
.content-wraper > .tabs-link-wrap[level="first"]:after {
  content: '';
  width: 10px;
  height: 40px;
  background-color: #22304d;
  background-image: url(../images/radius-blank.png);
  position: absolute;
  right: -10px;
  top: 0;
}
/*change tab style end*/
/*timespinner*/
.time-spinner {
  height: 28px;
}
.time-spinner + .textbox.spinner {
  border-color: #bbbbbb;
  border-radius: 2px;
}
.time-spinner + .textbox.spinner .textbox-text {
  font-size: 12px;
  padding-left: 8px;
}
.time-spinner.require + .textbox.spinner .textbox-text {
  background-color: #fffbe8;
}
.time-spinner + .textbox.spinner.textbox-focused {
  box-shadow: none;
  border-color: #0f86ea;
}
.preview-box {
  display: inline-block;
}
.preview-box .preview-image {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  width: 300px;
  height: 285px;
  border: 1px #cccccc dashed;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  margin-top: 15px;
}
.preview-box .preview-image .pre-image {
  width: 300px;
  height: 285px;
  padding: 5px;
}
.preview-box .preview-image .preview-image-info {
  line-height: 20px;
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  text-align: left;
  background-color: #ffffff;
  word-break: break-all;
}
.preview-box .preview-image .preview-image-del {
  display: none;
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  background-color: #3682d2;
  cursor: pointer;
  transform: rotate(45deg);
}
.preview-box .preview-image .preview-image-del .iconfont {
  position: absolute;
  right: 22px;
  bottom: 2px;
  transform: rotate(-45deg);
  color: #ffffff;
}
.preview-box .preview-image:hover {
  border-color: #3682d2;
}
.preview-box .preview-image:hover .preview-image-del {
  display: block;
}
.upload-box {
  position: relative;
  margin-top: 15px;
  display: inline-block;
  width: 300px;
  height: 285px;
  vertical-align: top;
  padding: 5px;
  border: 1px #cccccc dashed;
  border-radius: 5px;
  text-align: center;
}
.upload-box .selectfile-btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #1f1c1c;
}
.upload-box .selectfile-btn > div {
  display: inline-block;
  margin-top: 30%;
}
.upload-box .iconfont {
  font-size: 50px;
}
.upload-box:hover {
  border-color: #3682d2;
}
.upload-box:hover .selectfile-btn {
  color: #3682d2;
}
.preview-image-tips {
  line-height: 30px;
  color: #ff7200;
}
.row.toggle-psw {
  position: relative;
}
.row.toggle-psw .v-toggle-psw {
  width: 30px;
  height: 27px;
  position: absolute;
  top: 0px;
  right: auto;
  left: 244px;
  background: url(../images/login/view-psw.png) 0 0 no-repeat;
  background-position: 0 -30px;
  cursor: pointer;
  background-size: 100%;
}
.row.toggle-psw .v-toggle-psw.open {
  background-position: 0 0;
}
.back-breadcrumb .back-link-icon {
  line-height: 30px;
  cursor: pointer;
  margin-left: -10px;
  color: #000000;
}
.back-breadcrumb .back-link-icon:hover {
  color: #0f86ea;
}
.back-breadcrumb .back-link-icon > i {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  display: inline-block;
  font-size: 26px;
  vertical-align: bottom;
  margin-right: -4px;
}
body.full {
  overflow: hidden;
}
.layout {
  margin-top: -192px;
  height: calc(100vh - 43px);
  background-color: #f5f7fb;
  display: flex;
  overflow: hidden;
  transition: margin-left 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.layout.resize-toggle {
  margin-left: -223px;
}
.layout.mini-resize-toggle {
  margin-left: -62px;
}
.layout.mini-resize-toggle .submenu-list {
  width: 144px;
  min-width: 144px;
  background-color: transparent;
  box-shadow: none;
}
.layout::after {
  content: '';
  position: absolute;
  top: 41px;
  right: 9px;
  width: 10px;
  height: 10px;
  border: 1px #22304d solid;
  border-width: 1px 1px 0 0;
  border-radius: 0 7px 0 0;
}
.main {
  float: right;
  width: calc(100% - 135px);
  height: calc(100% - 10px);
  margin: 0 10px 10px 0;
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 1px 10px rgba(87, 106, 156, 0.18);
}
.content-wraper {
  width: 100%;
  height: 100%;
  float: right;
  overflow: auto;
  padding: 0 20px;
}
.content-wraper.full {
  overflow: hidden;
  position: relative;
}
.sys-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.sys-loading > div {
  margin-top: -50px;
}
.page-loading {
  position: relative;
  display: block;
  width: 63px;
  height: 63px;
  background: url(../images/loading-a.png) 0 0 no-repeat;
}
.page-loading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/loading-a-cover.png) 0 0 no-repeat;
  animation: autocircle 0.6s linear infinite;
  -webkit-animation: autocircle 0.6s linear infinite;
  -moz-animation: autocircle 0.6s linear infinite;
  -o-animation: autocircle 0.6s linear infinite;
}
@keyframes autocircle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes autocircle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes autocircle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes autocircle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* icon tools 操作图标*/
.icon-tools {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon-tools.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -2px 2px 0 0;
}
.icon-tools.add_ico {
  background-position: 0 0;
}
.icon-tools.edit_ico {
  background-position: 0 -16px;
}
.icon-tools.delete_ico {
  background-position: 0 -32px;
}
.icon-tools.import_ico {
  background-position: 0 -48px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  margin: -4px 3px 0 0;
}
.icon-tools.export_ico {
  background-position: 0 -48px;
}
.icon-tools.reset_ico {
  background-position: 0 -64px;
}
.icon-tools.user_workmove_ico {
  background-position: -32px 0;
}
.icon-tools.user_unbind_ico {
  background-position: -32px -16px;
}
.icon-tools.user_leavework_ico {
  background-position: -32px -32px;
}
.icon-tools.user_okbind_ico {
  background-position: -32px -48px;
}
.icon-tools.user_rejectapply_ico {
  background-position: -32px -64px;
}
.icon-tools.use_jobnumber_ico {
  background-position: 0 -80px;
}
.icon-tools.cancel_jobnumber_ico {
  background-position: -32px -80px;
}
.icon-tools.lock_ico {
  background-position: 0 -96px;
}
.icon-tools.unlock_ico {
  background-position: 0 -112px;
}
.tools-bar a:hover .icon-tools.add_ico {
  background-position: -16px 0;
}
.tools-bar a:hover .icon-tools.edit_ico {
  background-position: -16px -16px;
}
.tools-bar a:hover .icon-tools.delete_ico {
  background-position: -16px -32px;
}
.tools-bar a:hover .icon-tools.export_ico {
  background-position: -16px -48px;
}
.tools-bar a:hover .icon-tools.reset_ico {
  background-position: -16px -64px;
}
.tools-bar a:hover .icon-tools.user_workmove_ico {
  background-position: -48px 0;
}
.tools-bar a:hover .icon-tools.user_unbind_ico {
  background-position: -48px -16px;
}
.tools-bar a:hover .icon-tools.user_leavework_ico {
  background-position: -48px -32px;
}
.tools-bar a:hover .icon-tools.user_okbind_ico {
  background-position: -48px -48px;
}
.tools-bar a:hover .icon-tools.user_rejectapply_ico {
  background-position: -48px -64px;
}
.tools-bar a:hover .icon-tools.use_jobnumber_ico {
  background-position: -16px -80px;
}
.tools-bar a:hover .icon-tools.cancel_jobnumber_ico {
  background-position: -48px -80px;
}
.tools-bar a:hover .icon-tools.lock_ico {
  background-position: -16px -96px;
}
.tools-bar a:hover .icon-tools.unlock_ico {
  background-position: -16px -112px;
}
.icon-search {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon-search.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -2px 2px 0 0;
}
.icon-search.search_ico {
  background-position: 0 0;
}
.icon-search.diy_ico {
  background-position: 0 -16px;
}
.icon-search.filter_ico {
  background-image: url(../images/tool_filter.png);
  background-position: 0 0;
}
.icon-s-filter {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/tool_filter.png);
  background-position: -32px 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -3px 4px 0 0;
}
.icon-more-filter {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/tool_more_filter.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -3px 4px 0 0;
}
.icon-delete-all,
.filter-close-s {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  background: url(../images/icon-delete-gray.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.tools-bar a:hover .icon-search.search_ico {
  background-position: -16px 0;
}
.tools-bar a:hover .icon-search.diy_ico {
  background-position: -16px -16px;
}
.show-detail-ico,
.yes-ico,
.no-ico,
.women-ico,
.men-ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
}
.show-detail-ico {
  width: 16px;
  height: 15px;
  cursor: pointer;
}
.show-detail-ico[class*="show-detail-odd"] {
  width: 20px;
  height: 15px;
  cursor: pointer;
  font-style: normal;
  font-size: 12px;
  margin-top: 0px;
  font-weight: bold;
  color: #36d000;
  font-family: "Microsoft YaHei", sans-serif;
}
.show-detail-ico.show-detail-oddH,
.show-detail-ico.show-detail-oddA,
.show-detail-ico.show-detail-oddB,
.show-detail-ico.show-detail-oddC {
  color: #77a8f7;
}
.show-detail-ico.show-detail-oddO {
  color: #ff0000;
}
.show-detail-ico.show-detail-oddD {
  color: #cb73ff;
}
.show-detail-ico.show-detail-oddF {
  color: #9d9e9e;
}
.show-detail-ico.popstar {
  position: relative;
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-image: none;
  cursor: pointer;
  font-style: normal;
  font-size: 12px;
  margin-top: 0px;
  font-weight: bold;
  font-family: "Microsoft YaHei", sans-serif;
}
.show-detail-ico.popstar:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/popstar.png") 0 0 no-repeat;
  position: absolute;
  top: 2px;
  right: -4px;
  animation: starbling 0.6s linear 0s infinite alternate;
}
@keyframes starbling {
  from {
    background: url("../images/popstar.png") 0 0 no-repeat;
  }
  to {
    background: url("../images/popstarred.png") 0 0 no-repeat;
  }
}
@-webkit-keyframes starbling {
  from {
    background: url("../images/popstar.png") 0 0 no-repeat;
  }
  to {
    background: url("../images/popstarred.png") 0 0 no-repeat;
  }
}
@-moz-keyframes starbling {
  from {
    background: url("../images/popstar.png") 0 0 no-repeat;
  }
  to {
    background: url("../images/popstarred.png") 0 0 no-repeat;
  }
}
@-o-keyframes starbling {
  from {
    background: url("../images/popstar.png") 0 0 no-repeat;
  }
  to {
    background: url("../images/popstarred.png") 0 0 no-repeat;
  }
}
.yes-ico {
  background-image: url("../images/yes.png");
}
.no-ico {
  background-image: url("../images/no.png");
}
.women-ico {
  background-image: url("../images/wm.png");
}
.men-ico {
  background-image: url("../images/nr.png");
}
i.player {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url("../images/luyin.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -4px;
}
i.player-cloud {
  background-image: url("../images/luyin-cloud.png");
}
i.icon-rec-no {
  background-image: url("../images/rec-no.png");
}
.index-header {
  position: relative;
  width: 100%;
  height: 234px;
  background-color: #22304d;
}
.index-header .chexun-logo {
  margin: 7px 0 0 12px;
}
.index-header .header-v {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 14px;
  margin-top: -24px;
  margin-left: 10px;
}
.index-header .user-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 208px;
  height: 192px;
  text-align: center;
  color: #ffffff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.index-header .user-info .user-ico {
  display: inline-block;
  width: 54px;
  height: 54px;
  background: url(../images/icon-user-hd.png) center center no-repeat;
  margin: 20px 0 10px 0;
  border-radius: 50%;
  background-color: #3682d2;
}
.index-header .user-info .quit-out {
  display: none;
}
.index-header .user-info.w144_resize {
  width: 144px;
}
.index-header .user-info.w144_resize .user-content .userlink a {
  display: block;
}
.index-header .user-info.w144_resize .user-content .userlink a:not(:last-child) {
  margin-bottom: 10px;
}
.index-header .user-info.w144_resize .user-content .userlink a::after {
  display: none;
}
.index-header .user-info.w62_resize {
  width: 62px;
}
.index-header .user-info.w62_resize .user-ico {
  width: 32px;
  height: 32px;
  background-size: cover;
}
.index-header .user-info.w62_resize .switch-system {
  margin: 20px 0 10px;
}
.index-header .user-info.w62_resize .switch-system .switch-sys-icon {
  width: 62px;
  height: 40px;
  background: url(../images/changesys-icon.png) center center no-repeat;
  display: block;
  transition: background-color 0.3s;
}
.index-header .user-info.w62_resize .switch-system .switch-sys-icon:hover {
  background-color: #1e242a;
}
.index-header .user-info.w62_resize .switch-system .sys-tit {
  display: none;
}
.index-header .user-info.w62_resize .switch-system .switch-content {
  top: -2%;
}
.index-header .user-info .self-set {
    display: none;
}
.index-header .user-info.w62_resize .self-set {
    margin: 10px 0 0;
    width: 62px;
    height: 40px;
    background: url(../images/set-icon.png) center center no-repeat;
    display: block;
    transition: background-color 0.3s;
}
.index-header .user-info.w62_resize .self-set:hover {
    background-color: #1e242a;
}
.index-header .user-info.w62_resize .quit-out {
  margin: 10px 0 0;
  width: 62px;
  height: 40px;
  background: url(../images/quit-out.png) center center no-repeat;
  display: block;
  transition: background-color 0.3s;
}
.index-header .user-info.w62_resize .quit-out:hover {
  background-color: #1e242a;
}
.index-header .user-info.w62_resize .user-content {
  display: none;
}
.index-header .user-content,
.index-header .userinfo-content {
  text-align: center;
}
.index-header .user-content p,
.index-header .userinfo-content p {
  width: calc(100% - 20px);
  margin: 0 10px;
  height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
}
.index-header .user-content span.realname,
.index-header .userinfo-content span.realname {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-header .user-content > a,
.index-header .userinfo-content > a {
  color: #99a4b0;
  line-height: 24px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.index-header .user-content > a:hover,
.index-header .userinfo-content > a:hover {
  color: #ffffff;
}
.index-header .user-content .userlink,
.index-header .userinfo-content .userlink {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.index-header .user-content .userlink a,
.index-header .userinfo-content .userlink a {
  color: #99a4b0;
  padding: 0 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.index-header .user-content .userlink a:not(:last-child)::after,
.index-header .userinfo-content .userlink a:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin-left: 15px;
  background-color: #99a4b0;
  vertical-align: middle;
  margin-top: -2px;
}
.index-header .user-content .userlink a:hover,
.index-header .userinfo-content .userlink a:hover {
  color: #ffffff;
}
.index-header .userinfo-content p {
  height: 30px;
}
.index-header .userinfo-content .userlink {
  position: relative;
  margin-top: 5px;
  bottom: auto;
}
.index-header .userinfo-content .userlink a,
.index-header .userinfo-content .userlink a:hover {
  color: #3e3e3e;
}
.index-header .userinfo-content .userlink a:not(:last-child)::after {
  display: none;
}
.index-header .switch-system {
  position: relative;
  text-align: center;
  margin: 0 0 5px;
}
.index-header .switch-system .witch-sys-icon {
  display: none;
}
.index-header .switch-system > span {
  font-size: 16px;
  cursor: pointer;
  height: 20px;
  max-width: calc(100% - 50px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-header .switch-system .zs-down-ico {
  cursor: pointer;
  background-color: transparent;
  border-top-color: #ffffff;
  position: relative;
  top: auto;
  right: auto;
  left: 6px;
  margin-top: -8px;
  vertical-align: middle;
  border-width: 6px 6px 0 6px;
}
.index-header .switch-system .zs-down-ico:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -5px;
  margin-top: -7px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #22304d;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.index-header .switch-content,
.index-header .userinfo-content {
  position: absolute;
  z-index: 1;
  top: -50%;
  left: 100%;
  padding: 0;
  text-align: center;
  min-width: 128px;
  background-color: #ffffff;
  border: 1px solid #eeeff2;
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.index-header .switch-content:before,
.index-header .userinfo-content:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #eeeff2;
  position: absolute;
  top: 20%;
  left: -6px;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.index-header .switch-content p,
.index-header .userinfo-content p {
  font-size: 14px;
  color: #3578b1;
  line-height: 30px;
  margin: 10px auto 0;
}
.index-header .switch-content span.realname,
.index-header .userinfo-content span.realname {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-header .switch-content a,
.index-header .userinfo-content a {
  font-size: 14px;
  color: #000000;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 152px;
  margin: 5px 0;
  padding: 0 12px;
  display: block;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
}
.index-header .switch-content a.current,
.index-header .userinfo-content a.current {
  max-width: 128px;
  color: #ffffff;
  background-color: #3682d2;
  border-radius: 4px;
  margin: 0 12px;
  padding: 0 5px;
}
.index-header .switch-content a:not(.current):hover,
.index-header .userinfo-content a:not(.current):hover {
  position: relative;
  z-index: 1;
  background-color: #ffefb7;
}
.index-header .userinfo-content {
  top: 5px;
}
.index-header .userinfo-content:before {
  top: 14%;
}
.tack-menu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 115px;
  background-color: #f5f7fb;
  padding-bottom: 12px;
  z-index: 1;
}
.tack-menu .copyright-info {
  position: relative;
  margin-left: 45px;
}
.tack-menu .copyright-content {
  position: absolute;
  z-index: 2;
}
.tack-menu .copyright-content {
  display: none;
  width: 152px;
  bottom: -10px;
  right: -160px;
  padding: 10px 0;
  background-color: #ffffff;
  border: 1px solid #eeeff2;
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.tack-menu .copyright-content:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #eeeff2;
  position: absolute;
  left: -5px;
  top: 84%;
  margin-top: -3px;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.tack-menu .copyright-content .cp-logo {
  display: block;
  text-align: center;
  padding: 5px 0 10px;
  border-bottom: 1px solid #eeeff2;
}
.tack-menu .copyright-content .cp-font {
  padding: 15px 0 10px;
  line-height: 20px;
  color: #797979;
  margin-left: 30px;
}
.tack-menu .copyright-info:hover .copyright-content {
  display: block;
}
.tack-menu .copyright {
  font-size: 0;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../images/icon-copyright.png) 0 0 no-repeat;
}
.submenu-list {
  float: left;
  width: 125px;
  min-width: 125px;
  height: calc(100% - 202px);
  margin-top: 192px;
  overflow: auto;
  position: relative;
  border-radius: 0 0 0 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.submenu-list .list-colunm {
  text-align: center;
  width: 120px;
  padding-top: 6px;
  padding-bottom: 50px;
}
.submenu-list .list-colunm .sys-title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 5px;
}
.submenu-list .list-colunm .sys-title:after {
  content: "";
  width: 60%;
  height: 1px;
  margin-left: 20%;
  display: block;
  background-color: #dfe5f2;
}
.submenu-list .list-colunm ul li a,
.submenu-list .list-colunm ul li .menu-more {
  line-height: 18px;
  padding: 6px 0;
  font-size: 14px;
  color: #000000;
  display: block;
  margin: 6px 5px 6px 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
}
.submenu-list .list-colunm ul li .menu-more-list a {
  color: #797979;
  font-size: 13px;
}
.submenu-list .list-colunm ul li a:hover {
  color: #3682d2;
}
.submenu-list .list-colunm ul li a.active {
  color: #ffffff;
  background-color: #3682d2;
}
.submenu-list .list-colunm ul li .menu-more {
  position: relative;
}
.submenu-list .list-colunm ul li .menu-more .icon-arrow {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 5px;
  height: 9px;
  display: inline-block;
  background: url(../images/icon-arrow.png) 0 0 no-repeat;
}
.submenu-list .list-colunm ul li .menu-more.open .icon-arrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.submenu-list .list-colunm ul li .menu-more:hover {
  color: #3682d2;
}
.submenu-list .list-colunm ul li .menu-more-list {
  display: none;
}
.submenu-list .list-colunm ul li .menu-more-list li a:hover {
  color: #3682d2;
}
.submenu-list .list-colunm ul li .menu-more-list li a.active {
  color: #ffffff;
  background-color: #3682d2;
}
.submenu-list .list-colunm ul li .menu-more.open + .menu-more-list {
  display: block;
}
.l-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.l-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.2);
  border-radius: 4px;
}
.l-scrollbar:hover::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.4);
}
.l-scrollbar:hover::-webkit-scrollbar-track {
  background: rgba(136, 136, 136, 0.1);
}
.submenu-list li {
  position: relative;
}
/*form 表单元素 包括button input textarea checkbox radio select datepicker*/
.btn {
  min-width: 70px;
  display: inline-block;
  height: 30px;
  line-height: 28px;
  vertical-align: middle;
  border: 1px solid #0f86ea;
  background-color: #ffffff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0 15px;
  font-size: 12px;
  color: #0f86ea;
  cursor: pointer;
}
.btn:hover {
  color: #ffffff;
  background-color: #0f86ea;
}
.btn.btn-primary {
  color: #ffffff;
  background-color: #0f86ea;
}
.btn.btn-primary:hover {
  border-color: #2892eb;
  background-color: #2892eb;
}
.btn.btn-cancel {
  color: #ffffff;
  border-color: #8c9298;
  background-color: #8c9298;
}
.btn.btn-cancel:hover {
  border-color: #767d84;
  background-color: #767d84;
}
.btn.large {
  font-size: 14px;
  min-width: 160px;
  height: 36px;
  line-height: 36px;
}
.btn.disabled,
.btn[disabled] {
  color: #797979 !important;
  cursor: not-allowed;
  border-color: #d7d7d7 !important;
  background-color: #d7d7d7 !important;
}
.l-radio,
.l-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.l-radio > span,
.l-checkbox > span {
  margin-left: 4px;
  vertical-align: baseline;
}
.l-radio:not(last-child),
.l-checkbox:not(last-child) {
  margin-right: 10px;
}
.l-radio input[type="radio"] {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  opacity: 0;
}
.l-radio input[type="radio"] + i {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.l-radio input[type="radio"]:checked + i {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 4px;
  height: 4px;
  display: inline-block;
  border: 5px solid #0f86ea;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.l-radio input[type="radio"]:disabled,
.l-radio input[type="radio"]:disabled + i,
.l-radio input[type="radio"]:disabled + i + span {
  cursor: not-allowed;
}
.l-radio input[type="radio"]:disabled + i {
  background-color: #d7d7d7;
}
.l-checkbox input[type="checkbox"] {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  opacity: 0;
}
.l-checkbox input[type="checkbox"] + i {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.l-checkbox input[type="checkbox"]:checked + i {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  border: 1px solid #0f86ea;
  background-color: #3388ff;
  background-image: url(../images/icon-checkbox-checked.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.l-checkbox input[type="checkbox"]:disabled:checked + i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #0f86ea;
    background-color: #3388ff;
    background-image: url(../images/icon-checkbox-checked.png);
    background-position: center center;
    background-repeat: no-repeat;
  }
.l-checkbox input[type="checkbox"]:disabled,
.l-checkbox input[type="checkbox"]:disabled + i,
.l-checkbox input[type="checkbox"]:disabled + i + span {
  cursor: not-allowed;
}
.l-checkbox input[type="checkbox"]:disabled + i {
  background-color: #d7d7d7;
}
.row {
  margin-bottom: 5px;
}
.labelrow {
  display: inline-block;
  vertical-align: top;
  min-height: 30px;
  line-height: 30px;
}
.colortip {
  color: #ec695e;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 10px;
}
.field_text {
  width: 110px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
}
.field_text.require::before {
  content: "*";
  font-size: 12px;
  color: #ee3333;
  vertical-align: sub;
  margin-right: 5px;
}
.input-text {
  width: 160px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.input-text.disabled,
.input-text[disabled] {
  color: #797979;
  background-color: #f8f8f8;
  cursor: not-allowed;
}
.input-text:not(.disabled):not([disabled]):hover,
.input-text:not(.disabled):not([disabled]):focus {
  border-color: #0f86ea;
}
.input-text.v_error:not(.disabled):not([disabled]) {
  border-color: #ec695e;
}
.input-text.v_error:not(.disabled):not([disabled]):hover,
.input-text.v_error:not(.disabled):not([disabled]):focus {
  border-color: #ec695e;
}
.colortip {
  margin-left: calc(110px + 3px);
}
textarea.input-text {
  padding: 8px;
  height: auto;
}
/*wdatepicker*/
.date-ico {
  cursor: pointer;
  background-image: url(../images/icon-date.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
}
.animate-show {
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
  background-color: #ffffff;
  border: 1px solid #eeeff2;
  margin-top: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  animation: datepickmove 0.3s 1;
  -webkit-animation: datepickmove 0.3s 1;
}
@keyframes datepickmove {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-webkit-keyframes datepickmove {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-moz-keyframes datepickmove {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-o-keyframes datepickmove {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
.mark-list {
  position: absolute;
  left: 33.33%;
  margin-top: -5px;
  padding: 0 10px 0;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  cursor: default;
  overflow: hidden;
  margin-right: 15px;
}
.mark-list:hover {
  height: auto;
  background-color: #fff;
  box-shadow: 0px 1px 10px #ccc;
  z-index: 10;
  background-color: #ffffff;
}
.mark-list li {
  position: relative;
  margin: 5px 5px 5px 0;
  line-height: 25px;
  padding-right: 0;
  border-radius: 3px;
  padding-right: 12px;
  display: inline-block;
}
.mark-list li span {
  padding: 0 10px;
}
.mark-list li .clear_req {
  position: absolute;
  top: 7px;
  right: 0;
}
.clear_req {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  height: 14px;
  width: 14px;
  background-color: #0f86ea;
  cursor: pointer;
  background-image: url("../images/icon-delete.png");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -o-border-radius: 2px 2px 2px 2px;
}
.clear_req:hover {
  background-color: #2892eb;
}
.input-text.require:not(.disabled):not([disabled]),
.select-defined.require:not(.disabled),
.zs-box.require:not(.zs-disabled),
.zs-box.require:not(.zs-disabled) .zs-down-ico {
  background-color: #fffbe8;
}
.zs-box {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #bbbbbb;
  cursor: pointer;
  font-size: 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: animation 0.3s;
  -webkit-transition: animation 0.3s;
  -moz-transition: animation 0.3s;
}
.zs-box:not(.zs-disabled):hover,
.zs-box:not(.zs-disabled).active {
  border-color: #0f86ea;
}
.zs-box.v_error:not(.zs-disabled) {
  border-color: #ec695e;
}
.zs-box.v_error:not(.zs-disabled):hover,
.zs-box.v_error:not(.zs-disabled):focus {
  border-color: #ec695e;
}
.zs-box.fix_select {
  z-index: 2;
}
.zs-value {
  position: absolute;
  left: 8px;
  top: 0;
  height: 100%;
  width: calc(100% - 30px);
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zs-value[title^="请选择"] {
  color: #b8b8b8;
}
.zs-value[contenteditable="true"] {
  outline: none;
  cursor: default;
}
.zs-down-ico {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #22304d;
  background-color: #fff;
  margin-top: -3px;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.zs-disabled {
  cursor: not-allowed;
  background-color: #f8f8f8;
}
.zs-disabled .zs-value {
  color: #797979;
}
.zs-disabled .zs-down-ico {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.zs-list {
  position: absolute;
  top: 100%;
  left: -1px;
  padding: 0;
  margin-top: 2px;
  width: 100%;
  border: 1px solid #eeeff2;
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  max-height: 162px;
  z-index: 9999;
  background-color: #fff;
  overflow: auto;
  display: none;
  -webkit-transition: animation 0.5s;
  -moz-transition: animation 0.5s;
  -o-transition: animation 0.5s;
  transition: animation 0.5s;
}
.active-top .zs-list {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.zs-box.active {
  z-index: 9999;
}
.zs-box.active .zs-down-ico {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.zs-box.active .zs-list,
.zs-panel-list.active {
  margin-top: 2px;
  display: block;
  animation: selectmove 0.3s 1;
  -webkit-animation: selectmove 0.3s 1;
}
@keyframes selectmove {
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-webkit-keyframes selectmove {
  /*Safari and Chrome*/
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-moz-keyframes selectmove {
  /*Safari and Chrome*/
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
@-o-keyframes selectmove {
  /*Safari and Chrome*/
  from {
    margin-top: 15px;
  }
  to {
    margin-top: 2px;
  }
}
.zs-item {
  list-style-type: none;
  height: 32px;
  line-height: 32px;
  text-indent: 8px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zs-item:hover {
  background-color: #ecf6ff;
}
.zs-item.current {
  background-color: #0f86ea;
  color: #fff;
}
.zs-item.levelchild {
  text-indent: 16px;
  padding-right: 20px;
}
.zs-panel-list {
  font-size: 12px;
}
.zs-panel-list .zs-item {
  cursor: pointer;
}
.zs-panel-list .zs-item.levelchild {
  padding: 0;
}
.zs-itemgroup {
  list-style-type: none;
  height: 32px;
  line-height: 32px;
  text-indent: 8px;
  white-space: nowrap;
  width: 100%;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*select user-defined*/
.pop-relative {
  position: relative;
}
.pop-tips {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 80%;
  left: 10%;
  margin-left: -15px;
  padding: 10px 15px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
}
.select-text {
  cursor: pointer;
}
.disn {
  display: none;
}
.zs-select-group {
  width: 0;
  height: 0;
  opacity: 0;
  border: 0;
  display: none;
}
.radius3px {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}
.select-defined {
  display: inline-block;
  position: relative;
  width: 220px;
  height: 28px;
  line-height: 26px;
  border: 1px solid #bbbbbb;
  text-indent: 8px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.select-defined.w300 {
  width: 300px;
}
.select-defined .select-text {
  font-size: 12px;
  position: relative;
  height: 28px;
  overflow: hidden;
  text-indent: 0;
}
.select-defined .select-text span {
  color: #b8b8b8;
  display: inline-block;
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 24px;
  text-indent: 8px;
}
.select-defined .select-text[v="true"] span {
  color: #000000;
}
.select-defined.active .zs-down-ico {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.select-defined.select-blue.active,
.select-defined.select-blue:hover {
  border-color: #0f86ea;
}
.select-defined.select-blue.active .select-defined-content {
  display: block;
}
.select-defined.select-blue.active.active-top .select-defined-content {
  top: auto;
  bottom: calc(100% + 2px);
}
.select-defined.disabled {
  cursor: not-allowed;
  background-color: #f8f8f8;
}
.select-defined.disabled .select-text,
.select-defined.disabled .select-text[v] {
  cursor: not-allowed;
  color: #aaaaaa;
}
.select-defined.disabled.active,
.select-defined.disabled:hover {
  border-color: #eeeff2;
}
.select-defined.disabled.active .select-text,
.select-defined.disabled:hover .select-text,
.select-defined.disabled.active .select-text[v],
.select-defined.disabled:hover .select-text[v] {
  cursor: not-allowed;
  color: #aaaaaa;
}
.select-defined.active .select-defined-content {
  margin-top: 2px;
  display: block;
  animation: selectmove 0.3s 1;
  -webkit-animation: selectmove 0.3s 1;
}
.select-defined.select-blue .select-defined-content,
.select-defined-content {
  text-indent: 8px;
  display: none;
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  padding-top: 32px;
  background-color: #ffffff;
  border: 1px #eeeff2 solid;
  font-size: 12px;
  overflow-y: overlay;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 0 8px rgba(189, 192, 198, 0.76);
}
.select-defined.select-blue .select-defined-content.active,
.select-defined-content.active {
  display: block;
  margin-top: 2px;
  animation: selectmove 0.3s 1;
  -webkit-animation: selectmove 0.3s 1;
}
.select-defined.select-blue .select-defined-content.active-top,
.select-defined-content.active-top {
  top: auto;
  bottom: calc(100% + 2px);
}
.select-defined.select-blue .select-defined-content .select-defined-title,
.select-defined-content .select-defined-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px #eeeff2 solid;
}
.select-defined.select-blue .select-defined-content .select-defined-title ul li,
.select-defined-content .select-defined-title ul li {
  font-size: 12px;
  color: #adadad;
  display: inline-block;
  text-indent: 0;
  margin-right: 6px;
}
.select-defined.select-blue .select-defined-content .select-defined-title ul li i,
.select-defined-content .select-defined-title ul li i {
  font-style: normal;
}
.select-defined.select-blue .select-defined-content .select-defined-title ul li a,
.select-defined-content .select-defined-title ul li a {
  color: #adadad;
}
.select-defined.select-blue .select-defined-content .select-defined-title ul li.current a,
.select-defined-content .select-defined-title ul li.current a {
  color: #000000;
}
.select-defined.select-blue .select-defined-content .select-defined-title ul li.disn,
.select-defined-content .select-defined-title ul li.disn {
  display: none;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl,
.select-defined-content .select-box-content .select-dl {
  max-height: 423px;
  overflow-y: scroll;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dt,
.select-defined-content .select-box-content .select-dl dl dt,
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dd a,
.select-defined-content .select-box-content .select-dl dl dd a {
  display: block;
  height: 32px;
  line-height: 32px;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dt,
.select-defined-content .select-box-content .select-dl dl dt {
  background-color: #f7f7f7;
  font-weight: bold;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dd a,
.select-defined-content .select-box-content .select-dl dl dd a {
  color: #000000;
  overflow: hidden;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dd a:hover,
.select-defined-content .select-box-content .select-dl dl dd a:hover {
  background-color: #ecf6ff;
}
.select-defined.select-blue .select-defined-content .select-box-content .select-dl dl dd a.active,
.select-defined-content .select-box-content .select-dl dl dd a.active {
  color: #ffffff;
  background-color: #0f86ea;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack,
.select-defined-content .select-box-content.abc-pack {
  padding: 6px 0;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl,
.select-defined-content .select-box-content.abc-pack .select-data-dl {
  height: 100%;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC,
.select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC {
  position: absolute;
  top: 40px;
  left: 0;
  width: 30px;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC a,
.select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC a {
  display: block;
  width: 18px;
  height: 17px;
  line-height: 14px;
  text-indent: 0;
  text-align: center;
  margin-left: 8px;
  margin-bottom: 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  color: #0f86ea;
  background-color: #ecf6ff;
  border: 1px #cbddeb solid;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC a:hover,
.select-defined-content .select-box-content.abc-pack .select-data-dl .select-bar-ABC a:hover {
  color: #ffffff;
  font-weight: bold;
  background-color: #0f86ea;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl .select-dl,
.select-defined-content .select-box-content.abc-pack .select-data-dl .select-dl {
  max-height: none;
  min-height: 420px;
  height: 100%;
  margin-left: 34px;
}
.select-defined.select-blue .select-defined-content .select-box-content.abc-pack .select-data-dl .select-dl.single,
.select-defined-content .select-box-content.abc-pack .select-data-dl .select-dl.single {
  height: auto;
  max-height: 423px;
  min-height: auto;
  overflow-y: scroll;
  margin-left: 0;
  margin-top: -10px;
  margin-bottom: -10px;
}
.select-defined.select-blue .select-defined-content .select-clear,
.select-defined-content .select-clear {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-indent: 0;
  padding: 0 6px;
  font-size: 18px;
}
.select-defined.select-blue .select-defined-content .select-clear:hover,
.select-defined-content .select-clear:hover {
  color: #205aa4;
  text-shadow: 0 0 2px #2982cc;
}
.select-defined-content::-webkit-scrollbar,
.select-dl::-webkit-scrollbar,
.zs-list::-webkit-scrollbar {
  width: 4px;
}
.select-defined-content::-webkit-scrollbar-thumb,
.select-dl::-webkit-scrollbar-thumb,
.zs-list::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}
.select-defined-content:hover::-webkit-scrollbar-thumb,
.select-dl:hover::-webkit-scrollbar-thumb,
.zs-list:hover::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.4);
}
.select-defined-content:hover::-webkit-scrollbar-track,
.select-dl:hover::-webkit-scrollbar-track,
.zs-list:hover::-webkit-scrollbar-track {
  background: rgba(136, 136, 136, 0.1);
}
.switch_search,.diy_columns {
  color: #000000;
}
.switch_search:hover,.diy_columns:hover {
  color: #0f86ea;
}
.search_form .field,.search_form .cell,.search_form button {
  display: inline-block;
  height: 30px;
  vertical-align: top;
}
.search_form .field {
  width: 82px;
  line-height: 30px;
  text-align: right;
}
.search_form .cell {
  width: 125px;
}
.search_form .cell[role="select-group"] {
  width: 200px;
}
.search_form .cell .input-text,.search_form .cell .zs-box,.search_form .cell .select-defined {
  margin-top: 1px;
  width: 100%;
  border-color: transparent;
}
.search_form .cell .zs-down-ico {
  margin-top: -2px;
}
.search_form .cell .input-text:hover,.search_form .cell .input-text:focus {
  border-color: transparent;
}
.search_form .condition {
  font-size: 0;
}
.search_form .condition .row-datetype {
  display: inline-block;
}
.search_form .condition .row-datetype .field {
  width: 30px;
  text-align: center;
}
.search_form .condition > div,.search_form .condition > .btn,.search_form .condition .add-btn {
  font-size: 12px;
}
.search_form .add-filter {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  vertical-align: top;
}
.search_form .field,.search_form .cell,.search_form .add-filter {
  border-right: 1px solid #eeeff2;
}
.search_form .search-btn {
  min-width: 60px;
  padding: 0 4px 0 0;
  border-color: transparent;
  color: #000000;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-right: 1px solid #eeeff2;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
}
.search_form .search-btn i.search_ico {
  margin-top: -3px;
}
.search_form .search-btn:hover {
  border-right-color: transparent;
  color: #ffffff;
}
.search_form .search-btn:hover i.search_ico {
  background: url(../images/icon-search-hover.png) 0 0 no-repeat;
}
.table_box .panel-body {
  border: 0;
}
.table_box .datagrid-htable,
.table_box .datagrid-btable,
.table_box .datagrid-ftable {
  color: #000000;
}
.table_box .datagrid-header {
  background-color: #4c5660;
}
.table_box .datagrid-header .datagrid-header-over {
  color: #ffffff;
  font-weight: bold;
  background-color: #4c5660;
}
.table_box .datagrid-htable {
  color: #ffffff;
}
.table_box .datagrid-header .datagrid-cell span,
.table_box .datagrid-cell,
.table_box .datagrid-cell-group,
.table_box .datagrid-header-rownumber,
.table_box .datagrid-cell-rownumber {
  font-size: 12px;
}
.table_box .datagrid-td-rownumber {
  background-color: transparent;
}
.table_box .datagrid-header td,
.table_box .datagrid-body td,
.table_box .datagrid-footer td {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #e5e5e5;
  border-right: 1px transparent solid;
}
.table_box .datagrid-header td {
  border-right: 1px #5a6571 solid;
  border-bottom-color: #5a6571;
}
.table_box .datagrid-row-alt {
  background-color: #fcfcfc;
}
.table_box .datagrid-row-selected {
  background-color: #ecf6ff;
  color: #000000;
}
.table_box .datagrid-row-over {
  background-color: #ecf6ff;
}
.table_box .datagrid-pager {
  background-color: transparent;
}
.table_box .pagination {
  padding: 7px 0;
}
.table_box .pagination-page-list,
.table_box .pagination .pagination-num {
  padding: 5px;
  border-radius: 4px;
}
.table_box .pagination .pagination-num {
  margin: 0 5px;
  padding: 6px 5px;
}
.table_box .pagination-info,
.table_box .pagination span,
.table_box .pagination .pagination-num {
  font-size: 12px;
}
.table_box .datagrid-cell-check {
  position: relative;
  cursor: pointer;
}
.table_box .datagrid-cell-check input[type='checkbox'] {
  opacity: 0;
}
.table_box .datagrid-cell-check::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 6px;
  width: 12px;
  height: 12px;
  display: inline-block;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.table_box .datagrid-header-check input[type='checkbox'] {
  position: relative;
  width: 14px;
  height: 14px;
}
.table_box .datagrid-header-check input[type='checkbox']::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.table_box .datagrid-header-check input[type='checkbox']:checked::after {
  border: 1px solid #0f86ea;
  background-color: #3388ff;
  background-image: url(../images/icon-checkbox-checked.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.table_box .datagrid-row-selected .datagrid-cell-check::after {
  border: 1px solid #0f86ea;
  background-color: #3388ff;
  background-image: url(../images/icon-checkbox-checked.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.table_box td a.op {color:#3682d2;text-decoration:underline}
.search_filter {
  position: relative;
  padding: 5px 65px 5px 10px;
  background-color: #f5f7fb;
  border-top: 1px #dce2ee solid;
}
.search_filter .s_filter_left {
  display: inline-block;
  max-width: calc(100% - 10px);
}
.search_filter .s_filter_left .s_filter_inner {
  position: relative;
  padding-left: 25px;
}
.search_filter .s_filter_left .s_filter_inner .icon-s-filter {
  position: absolute;
  left: 0;
  top: 12px;
}
.search_filter .s_filter_left ul {
  display: inline-block;
  padding-top: 5px;
  max-width: 100%;
}
.search_filter .s_filter_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 100%;
  background-color: #eceff5;
}
.search_filter .filter-item {
  cursor: pointer;
  position: relative;
  max-width: 100%;
  margin: 0 5px 5px 0;
  padding: 0 18px;
  height: 26px;
  line-height: 24px;
  display: inline-block;
  white-space: nowrap;
  background-color: #ffffff;
  border: 1px #d4d9e4 solid;
  border-radius: 14px;
  color: #000000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.search_filter .filter-item .lfilter-cell {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}
.search_filter .filter-item .icon-del {
  position: absolute;
  top: 15px;
  right: 6px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 2px;
  background: url(../images/icon-delete-gray.png);
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.search_filter .filter-item:hover,
.search_filter .filter-item.active {
  padding: 0 25px 0 11px;
  box-shadow: 0 2px 5px rgba(212, 217, 228, 0.8);
}
.search_filter .filter-item:hover .icon-del,
.search_filter .filter-item.active .icon-del {
  width: 14px;
  height: 14px;
  top: 9px;
}
.search_wraper {
  position: relative;
  width: 100%;
}
.search_wraper .normal_form {
  width: 100%;
  max-height: calc(100vh - 200px);
  overflow-y: hidden;
  background-color: #ffffff;
}
.search_wraper .normal_form .condition {
  padding: 0 10px 10px;
  position: relative;
  width: 100%;
  max-height: calc(100vh - 296px);
  overflow-y: auto;
  overflow-y: overlay;
}
.search_wraper .normal_form .row {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  position: relative;
  vertical-align: bottom;
  margin-right: 15px;
  display: none;
}
.search_wraper .normal_form .row .check_defined_btn {
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  color: #0f86ea;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.search_wraper .normal_form .row.inline-row {
  padding: 10px 0 0 0;
  display: inline-block;
}
.search_wraper .normal_form .row.inline-row.check_defined {
  display: inline-flex;
}
.search_wraper .normal_form .row.inline-row.check_defined .check_defined_btn {
  display: inline-block;
  width: 40px;
  flex: 0 0 auto;
}
.search_wraper .normal_form .row.inline-row.check_defined .switch_search[b-type="radius"] {
  width: 116px;
  flex: 0 0 auto;
}
.search_wraper .normal_form .row .form-to {
  display: inline-block;
  width: 12px;
  text-align: center;
}
.search_wraper .normal_form .row .field_text {
  display: inline-block;
  width: auto;
  text-align: right;
  min-width: 60px;
}
.search_wraper .normal_form .row .field_text .filter-close-s {
  cursor: pointer;
  right: 0;
  left: auto;
  margin-right: -5px;
  display: none;
}
.search_wraper .normal_form .row.form-footer-bar {
  padding: 20px 0;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: none;
}
.search_wraper .normal_form .row.form-footer-bar .btn {
  margin: 0 10px;
}
.search_wraper .normal_form .row.form-footer-bar .btn.search-btn {
  min-width: 70px;
  padding: 0;
  color: #ffffff;
  border-color: #0f86ea;
  border-radius: 2px;
}
.search_wraper .search_wraper_title {
  padding: 0 24px;
}
.search_wraper .r-search-tit {
  height: 50px;
  position: relative;
}
.search_wraper .r-search-tit .s-filter {
  margin: 18px 5px 0 0;
  color: #333333;
  cursor: default;
}
.search_wraper .more_search {
  padding: 18px 0;
  margin: 30px 0 15px;
  text-align: center;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #eeeff2;
}
.search_wraper .add_more_fitlers:hover {
  color: #0f86ea;
}
.search_wraper .add_more_fitlers:hover .icon-more-filter {
  background-position: -16px 0;
}
.search_wraper .search_wraper_close {
  position: absolute;
  top: 15px;
  left: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background-image: url(../images/slide_dialog_close.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transition: transform 1s;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
}
.search_wraper .search_wraper_close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.search_wraper .search_form .search-btn[b-type="radius"] {
  background-color: #ffffff;
  color: #0f86ea;
  border: 1px #bbbbbb solid;
  border-radius: 15px;
  padding: 0;
  margin-left: 20px;
}
.search_wraper .search_form .search-btn[b-type="radius"]:hover {
  background-color: #0f86ea;
  color: #ffffff;
  border-color: #0f86ea;
}
.search_wraper .search_form .tools-bar {
  background-color: transparent;
  margin-left: 15px;
  padding: 0;
  line-height: 30px;
  min-width: 60px;
}
.search_wraper .search_form .tools-bar > a[data-key] {
  padding: 0;
}
.search_wraper .switch_search[b-type="radius"] {
  display: inline-block;
  vertical-align: top;
  border: 1px #bbbbbb dashed;
  padding: 0 5px 0 15px;
  margin-left: 15px;
  border-radius: 15px;
}
.search_wraper .switch_search[b-type="radius"] i {
  font-size:14px;
  vertical-align: middle;
  margin: -2px 5px 0 5px;
  display: inline-block;
}
.search_wraper .switch_search[b-type="radius"]:hover {
  border-style: solid;
  background-color: #0f86ea;
  color: #ffffff;
  border-color: #0f86ea;
}
.search_wraper.open {
  overflow: visible;
  z-index: 2;
}
.search_wraper.open .normal_form {
  position: absolute;
  left: 0;
  top: 1px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.search_wraper.open .normal_form .condition {
  padding: 0 25px;
}
.search_wraper.open .normal_form .row {
  display: block;
}
.search_wraper.open .normal_form .row .labelrow {
  position: relative;
  padding-right: 60px;
}
.search_wraper.open .normal_form .row.inline-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.search_wraper.open .normal_form .row.inline-row.check_defined {
  display: flex;
}
.search_wraper.open .normal_form .row.hasmorebtn.slidehide {
  height: 49px;
  overflow: hidden;
}
.search_wraper.open .normal_form .row.hasmorebtn .morebtn {
  position: absolute;
  top: 10px;
  right: 30px;
  height: 30px;
  line-height: 30px;
  color: #0f86ea;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.search_wraper.open .normal_form .row:not(.form-footer-bar) {
  padding-left: 100px;
  border-bottom: 1px #e0e0e0 dashed;
}
.search_wraper.open .normal_form .row:not(.form-footer-bar) .field_text {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 96px;
}
.search_wraper.open .search_close {
  padding: 5px;
  margin-left: -5px;
  color: #6f757e;
}
.search_wraper.open .search_close:hover {
  color: #000000;
}
.search_wraper.open .search_close i {
  font-size: 14px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  display: inline-block;
}
.vswitch-bar {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 10px;
}
.vswitch-bar a {
  float: left;
  position: relative;
  height: 28px;
  line-height: 26px;
  margin-top: -2px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  margin-right: -1px;
}
.vswitch-bar a.active,
.vswitch-bar a:hover {
  color: #0f86ea;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.vswitch-bar a:first-child {
  border-radius: 3px 0 0 3px;
}
.vswitch-bar a:last-child {
  border-radius: 0 3px 3px 0;
}
.hover-tooltip-cell {
  margin-top: -3px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 4px;
  line-height: 12px;
  border-radius: 50%;
  border: 1px #ffffff solid;
  color: #ffffff;
  text-align: center;
}
.hover-tooltip-cell:hover {
  color: #ffffff;
}
.tooltip-content-span {
  padding: 3px 10px;
  display: inline-block;
  max-width: 300px;
  font-size: 12px;
  color: #ffffff;
}
.normal_form[form-role="dialog"] {
  font-size: 0;
  padding: 20px;
}
.normal_form[form-role="dialog"] .scrollBox {
  position: absolute;
  left: 20px;
  padding: 20px 10px 20px 0;
  margin: -20px 0;
  height: calc(100% - 70px);
  overflow-y: auto;
}
.normal_form[form-role="dialog"] * {
  font-size: 12px;
}
.normal_form[form-role="dialog"] .row .field_text {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.normal_form[form-role="dialog"] .row .labelrow {
  max-width: calc(100% - 100px);
}
.normal_form[form-role="dialog"] .row.form-footer-bar {
  margin: 0;
  padding: 20px;
  width: 100%;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
}
.normal_form[form-role="dialog"] .row.form-footer-bar .btn {
  margin-left: 15px;
  float: right;
}
.normal_form[form-role="dialog"] .row.form-footer-bar .colortip {
  display: inline;
  line-height: 30px;
  margin: 0 0 0 10px;
}
.normal_form.row-inline .row {
  display: inline-block;
  vertical-align: top;
}
.normal_form .field_info {
  display: inline-block;
  max-width: calc(100% - 100px);
  padding: 8px 0px 7px;
}
.normal_form .row.twoline:not(:first-child) {
  margin-top: 20px;
}
.normal_form .row.twoline .field_text {
  width: 100%;
  text-align: left;
}
.normal_form .row.twoline .labelrow {
  width: 100%;
  padding: 10px 20px;
  max-width: 100%;
}
.normal_form .row.twoline .labelrow.all_selected {
  margin-top: 10px;
  background-color: #f5f7fb;
}
.normal_form .row.twoline .labelrow .l-checkbox {
  min-width: 23%;
}
.normal_form.l-scrollbar {
  height: calc(100% - 70px);
  overflow-y: auto;
  overflow-y: overlay;
}
body .layui-layer {
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
body .layui-layer-title {
  padding: 8px 0 0;
  height: 48px;
  line-height: 40px;
  margin: 0 20px;
  background-color: transparent;
  border-color: #e5e5e5;
  font-weight: bold;
  color: #3e3e3e;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
}
body .layui-layer-setwin {
  right: 18px;
  top: 20px;
}
body .layui-layer-btn a {
  min-width: 70px;
  height: 30px;
  line-height: 28px;
  vertical-align: middle;
  border: 1px solid #0f86ea;
  background-color: #ffffff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0 15px;
  margin-bottom: 7px;
  font-size: 12px;
  color: #0f86ea;
  cursor: pointer;
  text-align: center;
}
body .layui-layer-btn a:hover {
  color: #ffffff;
  background-color: #0f86ea;
}
body .layui-layer-btn .layui-layer-btn0 {
  border-color: #0f86ea;
  background-color: #0f86ea;
}
body .layui-layer-btn .layui-layer-btn0:hover {
  border-color: #2892eb;
  background-color: #2892eb;
}
body .layui-layer-loading {
  margin-top: -50px;
}
body .layui-layer-loading .layui-layer-loading1 {
  position: relative;
  display: block;
  width: 63px;
  height: 63px;
  background: url(../images/loading-b.png) 0 0 no-repeat;
}
body .layui-layer-loading .layui-layer-loading1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/loading-b-cover.png) 0 0 no-repeat;
  animation: autocircle 0.6s linear infinite;
  -webkit-animation: autocircle 0.6s linear infinite;
  -moz-animation: autocircle 0.6s linear infinite;
  -o-animation: autocircle 0.6s linear infinite;
}
body .layui-layer-page .layui-layer-content {
  overflow: visible;
}
.fix-pop-logo {
  width: 424px;
  height: 174px;
  text-align: center;
  margin: 0 auto;
}
.fix-pop-logo img {
  max-width: 100%;
  max-height: 100%;
}
.my_define_shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.5s ease 0.01s;
  -webkit-transition: opacity 0.5s ease 0.01s;
  -moz-transition: opacity 0.5s ease 0.01s;
  -o-transition: opacity 0.5s ease 0.01s;
  z-index: 1;
}
.my_define_dialog {
  min-width: 1000px;
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  right: -100%;
  background-color: #fff;
  transition: right 0.5s ease 0.01s;
  -webkit-transition: right 0.5s ease 0.01s;
  -moz-transition: right 0.5s ease 0.01s;
  -o-transition: right 0.5s ease 0.01s;
  z-index: 2;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  overflow: hidden;
}
.my_define_dialog .my_define_title {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  background-color: #205aa4;
  padding: 0 80px 0 20px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.my_define_dialog .my_define_content {
  position: relative;
  width: 100%;
  height: 100%;
}
.my_define_dialog .my_define_content .my_define_iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.my_define_dialog .my_define_close {
  position: absolute;
  top: 6px;
  left: 8px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background-image: url(../images/slide_dialog_close.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transition: transform 1s;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
}
.my_define_dialog .my_define_close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.my_define_dialog.from_right {
  right: 0;
}
button:focus {
  outline: 0;
}
.dialog_box .ctrl_bar {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  width: 100%;
  text-align: right;
  border-top: 1px solid #dcdcdc;
}
.dialog_box .ctrl_bar .tips {
  position: absolute;
  height: 100%;
  line-height: 77px;
  top: 0;
  left: 55px;
  color: #aaaaaa;
}
.dialog_box .ctrl_bar .tips.colortip {
  margin-left: 0;
  color: #ec695e;
}
.dialog_box .ctrl_bar .btn,
.dialog_box .ctrl_bar .btn.cancle {
  margin-left: 10px;
  text-align: center;
}
.dialog_box .ctrl_bar .btn:not(.cancle) {
  color: #ffffff;
  background-color: #0f86ea;
}
.dialog_box .ctrl_bar .btn:not(.cancle):hover {
  border-color: #2892eb;
  background-color: #2892eb;
}
.dialog_box .row {
  /* width: 725px; */
  /* width: 813px; */
  margin-left: 25px;
}
.dialog_box .field_text {
  width: 100px;
  height: 25px;
  line-height: 25px;
  /*color: #7a7a7a;*/
  color: #000000;
}
.dialog_box .label_select .zs-value {
  line-height: 23px;
}
.dialog_box .input-text,
.dialog_box .label_select .zs-box,
.dialog_box .row .field_select .zs-box {
  width: 160px;
  height: 25px;
  line-height: 25px;
}
.dialog_box .row .field_select .zs-value,
.dialog_box .row .select-defined {
  height: 24px;
  line-height: 22px;
}
.dialog_box .row .select-defined .select-text {
  height: 24px;
  line-height: 23px;
}
.dialog_box .row .select-defined .select-text .zs-down-ico {
  margin-top: -3px;
}
.dialog_box .row .select-defined.disabled .select-text span {
  color: #797979;
}
.dialog_box .row .select-defined.disabled .select-text .zs-down-ico {
  opacity: 0.3;
}
.dialog_box .row .select-defined.disabled:hover {
  border-color: #bbbbbb;
}
.dialog_box .input-text:not(.disabled):not([disabled]):hover,
.dialog_box .input-text:not(.disabled):not([disabled]):focus {
  border-color: #0f86ea;
}
.dialog_box .label_select .zs-box:not(.zs-disabled):hover,
.dialog_box .label_select .zs-box:not(.zs-disabled).active {
  border-color: #0f86ea;
}
.dialog_box .input-text.w150 {
  width: 148px;
}
.dialog_box .row .radio,
.dialog_box .row .checkbox {
  margin-top: 0;
}
.dialog_box .normal_table {
  width: 800px;
}
.dialog_box .normal_table select.bsource,
.choos_box .normal_table select.bsource {
  width: 120px;
  height: 25px;
}
.dialog_box .row textarea.input-text {
  height: 25px;
  resize: none;
  padding: 3px 7px;
  text-indent: 0;
  line-height: 17px;
}
.dialog_box .w585 {
  width: 585px;
}
.dialog_box .w692 {
  width: 692px;
}
.dialog_box .w500 {
  width: 500px;
}
.dialog_box .w423 {
  width: 423px;
}
.dialog_box .w180 {
  width: 180px;
}
.dialog_box .w150 {
  width: 150px;
}
.dialog_box .w130 {
  width: 130px;
}
.dialog_box .w95 {
  width: 95px;
}
.dialog_box .w75 {
  width: 75px;
}
.dialog_box .w65 {
  width: 65px;
}
.dialog_box .zs-box.w75 {
  width: 75px;
}
.dialog_box .zs-box.w150 {
  width: 150px;
}
.dialog_box .zs-box.w130 {
  width: 130px;
}
.dialog_box .zs-box.w234 {
  width: 234px;
}
/**
    date: 2017-02-16;
    author: zsx;
    about: dialog btns;
**/
.dialog_box .ctrl_bar.btn_center {
  text-align: center;
}
.dialog_box .ctrl_bar.btn_center .btn,
.dialog_box .ctrl_bar.btn_center .btn.cancle {
  position: static;
  margin: 22px 5px 0;
}
.colortip {
  margin-left: 20px;
  color: #ec695e;
  font-size: 12px;
  font-weight: normal;
}
/* dialog table  */
.tbox .normal_table table {
  border-spacing: 0;
}
.tbox .normal_table thead tr {
  border-bottom: 0;
}
.tbox .normal_table th,
.tbox .normal_table tr {
  height: 28px;
  border: 1px #eee solid;
}
.tbox .normal_table tr {
  height: 26px;
}
.tbox .normal_table td {
  border: 1px #eee solid;
}
.tbox .normal_table td label.checkbox,
.tbox .normal_table td label.radio {
  line-height: 20px;
}
.tbox .normal_table td label.checkbox input,
.tbox .normal_table td label.radio input {
  margin-top: 4px;
}
.tbox .normal_table td.img_ctrl {
  margin: 5px 0 0 0;
}
.tbox .normal_table .img_ctrl .pen_ico {
  margin-top: 0;
}
.tbox .normal_table td.ot_mark input {
  height: 18px;
  line-height: 18px;
  margin-top: 1px;
}
@keyframes redshake {
  0% {
    border-color: #ff0000;
  }
  25% {
    border-color: #dcdcdc;
  }
  50% {
    border-color: #ff0000;
  }
  75% {
    border-color: #dcdcdc;
  }
  100% {
    border-color: #ff0000;
  }
}
@-webkit-keyframes redshake {
  0% {
    border-color: #ff0000;
  }
  25% {
    border-color: #dcdcdc;
  }
  50% {
    border-color: #ff0000;
  }
  75% {
    border-color: #dcdcdc;
  }
  100% {
    border-color: #ff0000;
  }
}
@-moz-keyframes redshake {
  0% {
    border-color: #ff0000;
  }
  25% {
    border-color: #dcdcdc;
  }
  50% {
    border-color: #ff0000;
  }
  75% {
    border-color: #dcdcdc;
  }
  100% {
    border-color: #ff0000;
  }
}
@-ms-keyframes redshake {
  0% {
    border-color: #ff0000;
  }
  25% {
    border-color: #dcdcdc;
  }
  50% {
    border-color: #ff0000;
  }
  75% {
    border-color: #dcdcdc;
  }
  100% {
    border-color: #ff0000;
  }
}
@-o-keyframes redshake {
  0% {
    border-color: #ff0000;
  }
  25% {
    border-color: #dcdcdc;
  }
  50% {
    border-color: #ff0000;
  }
  75% {
    border-color: #dcdcdc;
  }
  100% {
    border-color: #ff0000;
  }
}
.dialog_box.dialog_slide_into {
  /*跟进*/
  /*记录*/
}
.dialog_box.dialog_slide_into .field_text {
  width: 122px;
}
.dialog_box.dialog_slide_into .input-text,
.dialog_box.dialog_slide_into .label_select .zs-box,
.dialog_box.dialog_slide_into .select-defined {
  min-width: 134px;
  width: calc(100% - 130px);
  width: -webkit-calc(100% - 130px);
  height: 25px;
  line-height: 25px;
  border-color: #dcdcdc;
}
.dialog_box.dialog_slide_into .input-text:not(.disabled):not([disabled]),
.dialog_box.dialog_slide_into .label_select .zs-box,
.dialog_box.dialog_slide_into .select-defined {
  color: #000000;
}
.dialog_box.dialog_slide_into .select-defined .select-text span {
  color: #797979;
}
.dialog_box.dialog_slide_into .select-defined .select-text[v="true"] span {
  color: #000000;
}
.dialog_box.dialog_slide_into .select-defined.disabled:hover {
  border-color: #dcdcdc;
}
.dialog_box.dialog_slide_into .label_select .select-rtbtn {
  width: calc(100% - 161px);
  width: -webkit-calc(100% - 161px);
}
.dialog_box.dialog_slide_into .btn-icadd {
  cursor: pointer;
  background-image: url("../images/add_uli.png");
  background-repeat: no-repeat;
  background-position: 0 -25px;
  background-color: transparent;
  width: 25px;
  height: 25px;
  font-size: 0;
  border: 0;
  display: inline-block;
  vertical-align: top;
}
.dialog_box.dialog_slide_into .btn-icadd:hover {
  background-position: 0 0;
}
.dialog_box.dialog_slide_into .input-text.red-shake,
.dialog_box.dialog_slide_into .label_select .zs-box.red-shake,
.dialog_box.dialog_slide_into .select-defined.red-shake {
  animation: redshake 1.5s linear 0s 1;
  -webkit-animation: redshake 1.5s linear 0s 1;
  -moz-animation: redshake 1.5s linear 0s 1;
  -ms-animation: redshake 1.5s linear 0s 1;
  -o-animation: redshake 1.5s linear 0s 1;
}
.dialog_box.dialog_slide_into .input-text.red-brd,
.dialog_box.dialog_slide_into .label_select .zs-box.red-brd,
.dialog_box.dialog_slide_into .select-defined.red-brd {
  border-color: #ff0000;
}
.dialog_box.dialog_slide_into .row {
  margin: 0 56px 5px 56px;
  display: flex;
}
.dialog_box.dialog_slide_into .row label,
.dialog_box.dialog_slide_into .row .label_select {
  width: 33.33%;
  height: 25px;
  line-height: 25px;
}
.dialog_box.dialog_slide_into .text_center .col_205aa4 {
  color: #205aa4;
}
.dialog_box.dialog_slide_into .text_center .row {
  margin-left: 0;
  text-align: center;
}
.dialog_box.dialog_slide_into .text_center .row label,
.dialog_box.dialog_slide_into .text_center .row .label_select {
  text-align: left;
}
.dialog_box.dialog_slide_into .text_center .st_infos .input-text[type="text"] {
  margin: 0;
}
.dialog_box.dialog_slide_into .box-fixed {
  width: 100%;
  height: 89px;
}
.dialog_box.dialog_slide_into .process-bar {
  width: 100%;
  height: 33px;
}
.dialog_box.dialog_slide_into .process-bar ul {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  line-height: 32px;
  height: 32px;
  background-color: #f4faff;
}
.dialog_box.dialog_slide_into .process-bar ul li {
  z-index: 1;
  display: flex;
  align-items: center;
  color: #9abadb;
}
.dialog_box.dialog_slide_into .process-bar ul li:nth-child(odd) {
  flex: 1 0 auto;
}
.dialog_box.dialog_slide_into .process-bar ul li:nth-child(even) {
  flex: 0 0 auto;
}
.dialog_box.dialog_slide_into .process-bar ul li a {
  color: #9abadb;
  cursor: default;
  position: absolute;
  margin-top: 4px;
  margin-left: -8px;
}
.dialog_box.dialog_slide_into .process-bar ul li em {
  font-style: normal;
  font-weight: normal;
}
.dialog_box.dialog_slide_into .process-bar ul li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px #c1def6 solid;
  background-color: #fff;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 50%;
  margin-top: -1px;
  position: absolute;
  top: -12px;
  left: -8px;
}
.dialog_box.dialog_slide_into .process-bar ul li.b-red {
  width: 14px;
  color: #4295e8;
}
.dialog_box.dialog_slide_into .process-bar ul li.b-red a {
  color: #4295e8;
}
.dialog_box.dialog_slide_into .process-bar ul li.b-red span {
  border-color: #4295e8;
  background-color: #4295e8;
}
.dialog_box.dialog_slide_into .process-bar ul .bline01,
.dialog_box.dialog_slide_into .process-bar ul .bline02 {
  z-index: -1;
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #cee4f6;
}
.dialog_box.dialog_slide_into .process-bar ul .bline02 {
  width: 0;
  overflow: visible !important;
  background-color: #4295e8;
}
.dialog_box.dialog_slide_into .box-bar {
  width: 100%;
  height: 30px;
  border-top: 1px #e9edf1 solid;
  background-color: #e9edf1;
  font-size: 0;
  display: flex;
}
.dialog_box.dialog_slide_into .box-bar a {
  flex: 1 1 auto;
  display: inline-block;
  cursor: pointer;
  width: 98px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  color: #9a9a9a;
  border-left: 1px #3682d2 solid;
  border-bottom: 1px #e9edf1 solid;
  margin-left: -1px;
}
.dialog_box.dialog_slide_into .box-bar a.current {
  font-weight: bold;
  color: #ffffff;
  background: #3682d2;
  border-bottom: 1px #3682d2 solid;
  position: relative;
}
.dialog_box.dialog_slide_into .box-bar a.current:after {
  content: '';
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #3682d2 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  z-index: 1;
}
.dialog_box.dialog_slide_into .box-content {
  position: absolute;
  left: 0;
  top: 89px;
  padding: 10px 0 50px;
  min-width: 1000px;
  width: 100%;
  height: calc(100% - 248px);
  height: -webkit-calc(100% - 248px);
  overflow-y: auto;
  overflow-y: overlay;
  background-color: #fff;
}
.dialog_box.dialog_slide_into .box-content .box-item {
  position: relative;
  margin-bottom: -1px;
  display: none;
}
.dialog_box.dialog_slide_into .box-content .box-item:first-child {
  display: block;
}
.dialog_box.dialog_slide_into .box-content .box-item h4 {
  color: #205aa4;
  font-weight: bold;
  position: absolute;
  margin: 0;
  top: -6px;
  left: 46px;
}
.dialog_box.dialog_slide_into .box-content .box-item .pdtop16 {
  padding: 10px 0 20px 0;
}
.dialog_box.dialog_slide_into .box-content .box-item:before,
.dialog_box.dialog_slide_into .box-content .box-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  height: 1px;
}
.dialog_box.dialog_slide_into .box-content .box-item:after {
  top: auto;
  bottom: 0;
}
.dialog_box.dialog_slide_into .field_group {
  width: 985px;
  margin-left: 46px;
}
.dialog_box.dialog_slide_into .field_group .chk_bar {
  width: 23px;
}
.dialog_box.dialog_slide_into .field_group .row {
  margin-left: 26px;
}
.dialog_box.dialog_slide_into .field_group .input-text,
.dialog_box.dialog_slide_into .field_group .label_select .zs-box {
  width: 210px;
}
.dialog_box.dialog_slide_into .ctrl_bar {
  min-width: 1000px;
  height: 74px;
  text-align: center;
  z-index: 10;
}
.dialog_box.dialog_slide_into .ctrl_bar .ctrl-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4c5660;
}
.dialog_box.dialog_slide_into .ctrl_bar .btn,
.dialog_box.dialog_slide_into .ctrl_bar .cancle {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 105px;
  margin: 0 18px;
  font-weight: normal;
}
.dialog_box.dialog_slide_into .ctrl_bar .cancle {
  border-color: #ffffff;
}
.dialog_box.dialog_slide_into .ctrl_bar .cancle:hover {
  border-color: #0f86ea;
}
.dialog_box.dialog_slide_into .box-follow {
  position: absolute;
  left: 0;
  bottom: 74px;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 0 30px #434343;
  background-color: #ffffff;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title {
  cursor: pointer;
  position: relative;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #205aa4;
  font-weight: bold;
  background-color: #ffffff;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title span {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title i {
  font-size: 12px;
  color: #205aa4;
  vertical-align: baseline;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  border: 1px #c7daec solid;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 0 8px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 15px;
  background-color: #fff;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title em {
  position: absolute;
  left: 0;
  top: 23px;
  width: 100%;
  height: 1px;
  background-color: #cee4f6;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title:hover {
  color: #fff;
  background-color: #23a8eb;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title:hover span,
.dialog_box.dialog_slide_into .box-follow .box-follow-title:hover em {
  background-color: transparent;
}
.dialog_box.dialog_slide_into .box-follow .box-follow-title:hover i {
  color: #205aa4;
}
.dialog_box.dialog_slide_into .box-follow .box-myfollow {
  padding-bottom: 25px;
}
.dialog_box.dialog_slide_into .box-follow.closed {
  height: 79px;
}
.dialog_box.dialog_slide_into .box-follow.closed .box-follow-title i {
  line-height: 14px;
  padding-left: 1px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .box-follow.closed .box-myfollow {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.dialog_box.dialog_slide_into .record-list {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog_box.dialog_slide_into .record-list * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog_box.dialog_slide_into .record-list .record-bar {
  width: 104px;
  display: inline-block;
  position: fixed;
  top: 110px;
  margin-top: 0;
  margin-left: 26px;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd {
  margin: 0 0 5px 0;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  color: #4e4e4e;
  border-color: #4e4e4e;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.current {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #4e4e4e;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.current:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  border-style: solid;
  border-color: #4e4e4e transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-f {
  color: #57c240;
  border-color: #bce1a6;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-f.current {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #57c240;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-f.current:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  border-style: solid;
  border-color: #57c240 transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-r {
  color: #4c83ba;
  border-color: #c0e0ff;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-r.current {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #4c83ba;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-r.current:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  border-style: solid;
  border-color: #4c83ba transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-c {
  color: #ff7800;
  border-color: #f3bf91;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-c.current {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff7800;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-c.current:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  border-style: solid;
  border-color: #ff7800 transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-d {
  color: #ff0d46;
  border-color: #ff0d46;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-d.current {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff0d46;
}
.dialog_box.dialog_slide_into .record-list .record-bar dd a.barbtns.btn-d.current:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  border-style: solid;
  border-color: #ff0d46 transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline {
  position: absolute;
  display: inline-block;
  width: calc(100% - 115px);
  margin-left: 110px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d {
  position: relative;
  width: 100%;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .time,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .time,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .time,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .time {
  font-size: 12px;
  display: inline-block;
  color: #4c83ba;
  margin-left: 30px;
  padding: 0 10px 0 0px;
  height: 34px;
  width: 80px;
  text-align: right;
  vertical-align: middle;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .time span,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .time span,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .time span,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .time span {
  display: block;
  font-weight: normal;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .line,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .line,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .line,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .line {
  position: absolute;
  width: 1px;
  height: calc(100% + 20px);
  top: 0;
  left: 147px;
  border-left: 1px dashed #dfdfdf;
  display: inline-block;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .level,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .level,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .level,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .level {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  border: 4px solid #c0e0ff;
  background-color: #4c83ba;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 34px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos {
  position: relative;
  width: calc(100% - 235px);
  display: inline-block;
  min-height: 36px;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 2px;
  margin-bottom: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 10px #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 20px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos h4,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos h4,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos h4,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos h4 {
  position: relative;
  top: auto;
  left: auto;
  font-size: 12px;
  color: #4c83ba;
  display: inline-block;
  vertical-align: baseline;
  padding-right: 10px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos {
  background-color: #e0f0ff;
  border: 1px solid #e0f0ff;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info {
  padding: 11px 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info span,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info span {
  color: #4c83ba;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info em,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info em {
  color: #c4dbf1;
  font-style: normal;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info .ico-trans,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info .ico-trans {
  position: absolute;
  top: 11px;
  right: 10px;
  font-style: normal;
  color: #4c83ba;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info .ico-trans span,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info .ico-trans span {
  font-weight: bold;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos:after,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  box-shadow: 0 0 10px #f0f0f0;
  background-color: #e0f0ff;
  border-style: solid;
  border-color: #e0f0ff transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: -7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info {
  display: flex;
  align-items: baseline;
  justify-content: left;
  flex-wrap: wrap;
  padding: 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info h4 {
  margin-top: 11px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info span {
  margin-right: 22px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-a .infos .f-info .ico-trans {
  position: initial;
  margin-bottom: 11px;
  margin-top: 5px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .time {
  color: #57c240;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .level {
  border: 4px solid #bce1a6;
  background-color: #57c240;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  margin-top: 8px;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  box-shadow: 0 0 10px #e4e4e4;
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  margin-top: 12px;
  left: -7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top {
  padding: 11px 15px 11px 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top h4 {
  color: #57c240;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top h4 i {
  font-style: normal;
  font-size: 12px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top span {
  color: #000000;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top em {
  color: #e5e5e5;
  font-style: normal;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .arrive,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .order,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .drive,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .fail {
  display: inline-block;
  width: 85px;
  height: 25px;
  line-height: 25px;
  color: #a67049;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  float: right;
  margin-top: -5px;
  margin-right: -15px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .arrive i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .order i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .drive i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .fail i {
  color: #a44917;
  font-style: normal;
  display: inline-block;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  margin: 0 5px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .arrive.arrive,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .order.arrive,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .drive.arrive,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .fail.arrive {
  color: #517c9a;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .arrive.arrive i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .order.arrive i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .drive.arrive i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .fail.arrive i {
  color: #176aa4;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .arrive.open i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .order.open i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .drive.open i,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-top .fail.open i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .ico-mssg {
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(../images/ico-history-mssg.png) center center no-repeat;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-wrap {
  position: relative;
  padding: 6px 6px 6px 0;
  border-top: 1px #e5e5e5 solid;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .f-info-wrap p {
  color: #2b2b2b;
  line-height: 20px;
  margin: 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .arrive-notes,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .order-notes,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .drive-notes,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .fail-notes {
  padding: 20px 20px 20px 10px;
  border-top: 1px #e5e5e5 solid;
  color: #2b2b2b;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .arrive-notes p.l-tit,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .order-notes p.l-tit,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .drive-notes p.l-tit,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .fail-notes p.l-tit {
  margin: 0 auto 15px auto;
  font-weight: bold;
  text-align: center;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .arrive-notes .row,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .order-notes .row,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .drive-notes .row,
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-b .infos .fail-notes .row {
  line-height: 25px;
  margin: 0 0 10px 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .time {
  color: #ff7800;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .level {
  border: 4px solid #ffcb9c;
  background-color: #ff7800;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 25px;
  position: absolute;
  top: 0;
  margin-top: 7px;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos:after {
  content: "";
  display: inline-block;
  border-width: 12px 6px 0 6px;
  box-shadow: 0 0 10px #e4e4e4;
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: -7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info {
  padding: 11px 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info h4 {
  color: #ff7800;
  width: 90px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info h4 i {
  font-style: normal;
  font-size: 12px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info span {
  color: #000000;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info em {
  color: #e5e5e5;
  font-style: normal;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info .audio {
  position: absolute;
  top: 6px;
  right: 15px;
  color: #01aff8;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info .audio .ico-audio {
  cursor: pointer;
  margin-left: 3px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../images/ico-history-audio.png) 0 0 no-repeat;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-c .infos .f-info .audio .ico-audio:hover {
  background-position: 0 -28px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .time {
  color: #ff0d46;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .level {
  background-color: #ff0d46;
  border-color: #ff0d46;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .touch-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../images/touchstar.png) center center no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-top: -2px;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos {
  background-color: #ff0d46;
  color: #ffffff;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos h4 {
  color: #ffffff;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos .f-info {
  padding: 11px 0;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-lbox .follow-type-d .infos:after {
  content: "";
  display: inline-block;
  border-width: 10px 5px 0 5px;
  background-color: #ff0d46;
  border-style: solid;
  border-color: #ff0d46 transparent transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-zero {
  width: 230px;
  position: relative;
  width: 190px;
  left: 50%;
  margin-left: -150px;
  margin-top: 10%;
  text-align: center;
  font-size: 14px;
  color: #7a7a7a;
}
.dialog_box.dialog_slide_into .record-list .record-timeline .record-zero .ico-zerolist {
  display: inline-block;
  width: 184px;
  height: 184px;
  background: url(../images/ico-history-none.png) center center no-repeat;
  margin-bottom: 15px;
}
.dialog_box.dialog_slide_into .text_center {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  height: 28px;
  padding: 15px 50px;
  text-align: left;
}
.dialog_box.dialog_slide_into .text_center * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.dialog_box.dialog_slide_into .text_center h4,
.dialog_box.dialog_slide_into .text_center span {
  display: inline-block;
  color: #000;
  font-size: 16px;
  margin: 0;
  vertical-align: middle;
}
.dialog_box.dialog_slide_into .text_center h4 {
  height: 25px;
  line-height: 25px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.dialog_box.dialog_slide_into .text_center .col_205aa4 {
  vertical-align: middle;
}
.dialog_box.dialog_slide_into .text_center .st_switch {
  display: inline-block;
}
.dialog_box.dialog_slide_into .text_center .st_switch .btn {
  width: 78px;
  font-size: 12px;
  margin: 0 5px;
}
.dialog_box.dialog_slide_into .text_center .st_infos {
  display: inline-block;
  vertical-align: middle;
}
.dialog_box.dialog_slide_into .text_center .st_infos .lf_field,
.dialog_box.dialog_slide_into .text_center .st_infos .input-text {
  width: 120px;
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  margin: 0;
}
.dialog_box.dialog_slide_into .text_center .st_infos .lf_field {
  width: auto;
  font-size: 16px;
  margin: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.dialog_box.dialog_slide_into .text_center .st_infos .lf_field.disn {
  display: none;
}
.dialog_box.dialog_slide_into .text_center .st_infos .input-text[type="text"] {
  font-size: 12px;
  font-weight: normal;
  border-radius: 3px;
  margin: 0;
}
.dialog_box.dialog_slide_into .text_center .st_infos .ic_edit_btn {
  position: relative;
  top: auto;
  left: 5px;
  vertical-align: middle;
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/newcall_icons.png);
  background-position: -126px 0;
  cursor: pointer;
}
.dialog_box.dialog_slide_into .text_center .st_infos .ic_edit_btn:hover {
  background-position: -126px -21px;
}
.show-tips-box {
  z-index: 9999;
  width: 100%;
  height: 100px;
  line-height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  overflow: hidden;
  opacity: 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.show-tips-box .stb-shadow {
  display: inline-block;
  padding: 0 30px;
  background-color: #000;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  opacity: 0.7;
}
.show-tips-box i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 28px;
  background: url(../images/ic-tip-arrow.png) center center no-repeat;
  margin: -6px 12px 0 0;
}
.dialog_box label {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.dialog_box label .dw {
  position: absolute;
  left: calc(100% - 34px);
  left: -webkit-calc(100% - 34px);
  top: 3px;
  height: 22px;
  line-height: 22px;
  width: 28px;
  text-align: center;
  color: #a9a9a9;
  background-color: #fff;
}
.dialog_box label .input-text.require + div.dw {
  background-color: #fffbe8;
}
.dialog_box .row.disn,
.dialog_box label.disn,
.dialog_box .label_select.disn {
  display: none;
}
.dialog_box.dialog_slide_into .label_select .zs-box.ownertop {
  vertical-align: middle;
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  background-color: #ffffff;
}
.dialog_box.dialog_slide_into .label_select .zs-box.ownertop .zs-value {
  line-height: 26px;
}
.media_dialog_box .field_text {
  width: 120px;
  height: 28px;
  line-height: 28px;
}
.media_dialog_box .input-text {
  width: 90px;
}
.media_dialog_box .label-radio {
  cursor: pointer;
  vertical-align: middle;
  line-height: 28px;
  margin-left: 10px;
}
.media_dialog_box .input-radio {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 4px;
}
.media_dialog_box .testAccount {
  width: 64px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background-color: #01baab;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  vertical-align: top;
}
.media_dialog_box .zs-box {
  width: 185px;
}
.media_dialog_box .zs-box .zs-value {
  height: 24px;
  line-height: 24px;
}
.media_dialog_box .vmedia {
  padding-left: 210px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: inline-block;
}
.media_dialog_box .vmedia.disn {
  display: none;
}
.media_dialog_box .vmedia .input-text.date-ico {
  width: 100px;
  border: 0;
  background-position: calc(100% - 8px) center;
  margin-top: 3px;
}
.media_dialog_box .vmedia table.table_form {
  padding: 0 20px;
}
.media_dialog_box .vmedia table.table_form tr:first-child td {
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.media_dialog_box .vmedia table.table_form tr:not(first-child) td {
  padding-bottom: 5px;
}
.media_dialog_box .vmedia table.table_form tr:first-child td .field_text {
  font-weight: bold;
  color: #205aa4;
}
.media_dialog_box .vmedia table.table_form tr:first-child td .input-text {
  color: #205aa4;
}
.media_dialog_box .vprogressbar {
  vertical-align: middle;
  margin-top: 10px;
  position: relative;
  width: 430px;
  height: 30px;
  line-height: 30px;
  background-color: #eaeaea;
  color: #7a7a7a;
  border-radius: 3px;
}
.media_dialog_box .vprogressbar span {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  line-height: 30px;
  background-color: #ff5e00;
  border-radius: 3px;
  text-align: right;
}
.media_dialog_box .vprogressbar em.tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  font-style: normal;
}
.media_dialog_box .vprogressbar + .btn.collect {
  width: 80px;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 15px;
  margin-left: 5px;
}
.media_dialog_box .vprogressbar + .btn.collect[disabled],
.media_dialog_box .vprogressbar + .btn.collect[disabled]:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: not-allowed;
  color: #fff;
  background-color: #205aa4;
}
.media_dialog_box .vprogressbar.error em.tip {
  color: #000000;
}
.media_dialog_box .input-text + .textbox.spinner {
  width: 95px!important;
  height: 28px!important;
  border-radius: 2px;
  border: 0;
}
.media_dialog_box .input-text + .textbox.spinner.textbox-focused {
  box-shadow: none!important;
}
.media_dialog_box .input-text + .textbox.spinner .textbox-addon {
  top: 2px!important;
  right: 4px!important;
}
.media_dialog_box .input-text + .textbox.spinner .textbox-icon {
  width: 14px!important;
  height: 26px!important;
  background-color: transparent;
}
.media_dialog_box .input-text + .textbox.spinner .textbox-text {
  font-size: 12px;
  width: 74px!important;
  height: 26px!important;
  line-height: 26px!important;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  margin-top: 2px!important;
  margin-right: 20px!important;
  padding: 0 8px;
}
.media_dialog_box .spinner-arrow-up,
.media_dialog_box .spinner-arrow-down {
  width: 80%;
  height: 45%;
  border: 1px solid #bbbbbb;
  background-color: #eeeeee;
  position: relative;
  background-image: none;
}
.media_dialog_box .spinner-arrow-up {
  height: 46%;
  margin-bottom: 10%;
}
.media_dialog_box .spinner-arrow-up:after,
.media_dialog_box .spinner-arrow-down:after {
  content: "";
  width: 0;
  border-width: 4px;
  border-style: solid;
  margin-left: -4px;
  position: absolute;
  left: 7px;
  top: 3px;
}
.media_dialog_box .spinner-arrow-up:after {
  border-color: transparent transparent #283038 transparent;
  top: -1px;
}
.media_dialog_box .spinner-arrow-down:after {
  border-color: #283038 transparent transparent transparent;
}
.media_dialog_box .media_tab {
  width: 160px;
  height: 426px;
  background: #eeeeee;
  position: absolute;
  left: 20px;
  top: 0;
  overflow-x: hidden;
}
.media_dialog_box .media_tab ul {
  padding-top: 15px;
}
.media_dialog_box .media_tab ul li {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px #dddddd solid;
  transition: all 0.5s;
  cursor: pointer;
}
.media_dialog_box .media_tab ul li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.6;
  height: 45px;
  margin-left: -10px;
}
.media_dialog_box .media_tab ul li.active {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 10px #bbbbbb;
}
.media_dialog_box .media_tab ul li.active:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 13px;
  background: url("../images/media/active_arrow.png") 0 0 no-repeat;
  position: absolute;
  top: 22px;
  right: 12px;
}
.media_dialog_box .media_tab ul li:hover img,
.media_dialog_box .media_tab ul li.active img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  opacity: 1;
}
.media_dialog_box .media_content {
  height: 426px;
  overflow-y: overlay;
}
.basicinfo .field_legend {
  margin: 10px 58px 10px 84px;
  padding: 15px 10px;
}
.basicinfo .field_legend.zz {
  padding-bottom: 50px;
}
.basicinfo .field_legend.zz[state="unedit"]:hover,
.basicinfo .field_legend.zz[state="editing"] {
  box-shadow: 0 0px 10px #dcdcdc;
  border-radius: 10px;
  padding: 15px 30px 50px 50px;
  margin: 10px 38px 10px 44px;
}
.basicinfo .field_legend h6 {
  margin: 0;
  font-size: 12px;
}
.basicinfo .field_legend i.linei {
  width: calc(100% - 56px);
  height: 1px;
  background-color: #d4e7f8;
  display: inline-block;
  vertical-align: baseline;
  float: right;
  margin-top: 7px;
}
.basicinfo .field_legend .rows_box {
  width: calc(100% + 50px);
  margin-left: -38px;
}
.basicinfo .field_legend .rows_box .row {
  margin: 0;
  margin-bottom: 5px;
}
.basicinfo .btn.edt_btn,
.basicinfo .btn.ecancel_btn,
.basicinfo .btn.esave_btn {
  margin-top: 12px;
  position: absolute;
  width: 70px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  left: 50%;
  margin-left: -35px;
}
.basicinfo .btn.ecancel_btn {
  margin-left: -70px;
}
.basicinfo .btn.esave_btn {
  margin-left: 20px;
}
.basicinfo .field_legend.zz[state="unedit"] .btn.edt_btn,
.basicinfo .field_legend.zz[state="unedit"] .btn.ecancel_btn,
.basicinfo .field_legend.zz[state="unedit"] .btn.esave_btn,
.basicinfo .field_legend.zz[state="editing"] .btn.edt_btn,
.basicinfo .field_legend.zz[state="editing"] .unedit,
.basicinfo .field_legend.zz[state="unedit"] .editing {
  display: none;
}
.basicinfo .field_legend.zz[state="unedit"]:hover .btn.edt_btn,
.basicinfo .field_legend.zz[state="editing"] .btn.ecancel_btn,
.basicinfo .field_legend.zz[state="editing"] .btn.esave_btn {
  display: inline-block;
}
.basicinfo .field_legend.zz[state="editing"] .editing,
.basicinfo .field_legend.zz[state="unedit"] .unedit {
  display: block;
}
.basicinfo .span_val {
  display: inline-block;
  text-indent: 9px;
  line-height: 26px;
}
.basicinfo .span_val[info-span="ibrandgroup"],
.basicinfo .span_val[info-span="dbrandgroup"] {
  line-height: 25px;
}
.basicinfo .span_val[info-span="ibrandgroup"],
.basicinfo .span_val[info-span="dbrandgroup"],
.basicinfo .span_val[info-span="ordernum"],
.basicinfo .span_val[info-span="policyno"],
.basicinfo .span_val[info-span="vin"] {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basicinfo .span_val[info-span="ibrandgroup"],
.basicinfo .span_val[info-span="dbrandgroup"] {
  width: 450px;
}
.group-wraper {
  position: relative;
  padding: 10px 0 10px 110px;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.group-wraper .field_text {
  position: absolute;
  top: 10px;
  left: -3px;
  display: inline-block;
}
.group-wraper .field_text .g-ico-toright {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-top: -4px;
  display: inline-block;
  background: url(../images/icon-arrow.png) center center no-repeat;
}
.group-wraper .group-content {
  display: inline-block;
  padding-left: 3px;
  padding-right: 30px;
  line-height: 30px;
  width: calc(100% - 125px);
  text-align: left;
}
.group-wraper .group-content .group-assort-title label {
  align-items: center;
  display: inline-flex;
}
.group-wraper .group-content .group-assort-content {
  padding-left: 10px;
}
.group-wraper .group-content .group-assort-content:not(:last-child) {
  /*margin-bottom: -15px;*/
}
.group-wraper .group-content .group-assort-content:not(:last-child) .group-base-list {
  margin-bottom: 20px;
}
.group-wraper .group-content .group-assort-content .assort-list-title {
  position: relative;
  line-height: 36px;
  display: flex;
}
.group-wraper .group-content .group-assort-content .assort-list-title h4 {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 0 1 auto;
  margin: 0;
  padding: 0 5px 0 0;
  font-weight: normal;
}
.group-wraper .group-content .group-assort-content .assort-list-title i {
  display: flex;
  flex: 1 1 auto;
  height: 1px;
  background-color: #e3e6e8;
  position: relative;
  left: 0;
  top: 18px;
}
.group-wraper .group-content .group-assort-content .group-assort-list {
  font-size: 0;
  line-height: 24px;
}
.group-wraper .group-content .group-assort-content .group-base-list {
  padding: 10px 35px 5px;
  border: 1px #e3e6e8 solid;
  border-radius: 5px;
  display: block;
}
.group-wraper .group-content .group-assort-content .group-base-list .bl-tit {
  font-size: 12px;
  margin-bottom: 10px;
}
.group-wraper .group-content .group-assort-content .group-base-list.base-checked-all {
  border-color: #007ee9;
}
.group-wraper .group-content .group-assort-content .group-base-list.base-checked-all .bl-tit {
  color: #007ee9;
}
.group-wraper input[type="checkbox"].ck_group {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 7px 5px 5px;
}
.group-wraper input[type="checkbox"].ck_group::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px #bbbbbb solid;
  background-color: #ffffff;
  border-radius: 2px;
}
.group-wraper input[type="checkbox"].ck_group:checked::before {
  background: url(../images/icon-checkbox-checked.png) center center no-repeat #007ee9;
  border-color: #007ee9;
}
.group-wraper .checkbox-cell {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  height: 22px;
  font-size: 0;
  margin: 5px 10px 5px 0;
  cursor: pointer;
}
.group-wraper .checkbox-cell span {
  display: inline-block;
  line-height: 22px;
  height: 22px;
  padding: 0 30px 0 8px;
  background-color: #e6e8eb;
  font-size: 12px;
  color: #3e3e3e;
  vertical-align: top;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 22px;
  height: 22px;
  margin: 0 0 0 -1px;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px #e6e8eb solid;
  background-color: #ffffff;
}
.group-wraper .checkbox-cell:hover span,
.group-wraper .checkbox-cell:hover input[type="checkbox"].ck_item {
  background-color: #a4afbb;
}
.group-wraper .checkbox-cell:hover input[type="checkbox"].ck_item::before {
  background: url("../images/checkmark.png") center center no-repeat #a4afbb;
  border-color: #a4afbb;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item:checked {
  background-color: #007ee9;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item:checked::before {
  background: url("../images/checkmark.png") center center no-repeat #007ee9;
  border-color: #007ee9;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item:checked ~ span {
  color: #ffffff;
  background-color: #007ee9;
}
.group-wraper .checkbox-cell input[type="checkbox"].ck_item:checked ~ span ~ i {
  border-color: #007ee9;
}
.group-wraper .checkbox-cell .ck-arrow-ico {
  width: 8px;
  height: 8px;
  display: block;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #e3e6e8;
  position: absolute;
  left: calc(50% - 4px);
  bottom: -19px;
  transform: rotate(-45deg);
  background-color: #ffffff;
}
.group-wraper:hover {
  background-color: #f9f9fa;
}
.group-wraper:hover .ck-arrow-ico {
  background-color: #f9f9fa;
}
.group-wraper.none-children {
  padding-left: 0;
  text-align: left;
}
.group-wraper.none-children .field_text {
  position: relative;
  top: 0;
}
.group-wraper.none-children .group-content {
  width: auto;
  padding-right: 10px;
  padding-left: 0;
}
.group-wraper .ic_down_arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/ic_down_arrow.png) center center no-repeat;
  vertical-align: middle;
  margin-left: -6px;
  margin-top: -4px;
  cursor: pointer;
  transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.group-wraper .ic_down_arrow.close {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.home-main {
  position: relative;
  min-width: 800px;
  min-height: 100%;
}
.home-main .switch_snet {
  margin: 2px 0 0 20px;
  display: inline-block;
  vertical-align: middle;
}
.home-main .switch_snet label {
  position: relative;
  cursor: pointer;
}
.home-main .switch_snet label input[type="checkbox"] {
  opacity: 0;
  width: 30px;
  height: 15px;
  vertical-align: middle;
  margin-right: 5px;
}
.home-main .switch_snet label input[type="checkbox"] + span {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 15px;
  background-color: #bfbfbf;
  border-radius: 7.5px;
}
.home-main .switch_snet label input[type="checkbox"] + span i {
  margin: 1px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-block;
}
.home-main .switch_snet label input[type="checkbox"]:checked + span {
  background-color: #8fc31f;
}
.home-main .switch_snet label input[type="checkbox"]:checked + span i {
  float: right;
}
.home-main .switch_snet label input[type="checkbox"] + span + em {
  font-size: 12px;
  font-style: normal;
  color: #414141;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bg-main-wrapper {
  min-width: 1000px;
}
.bg-main-wrapper .red {
  color: #ff5353;
}
.bg-main-wrapper .clearfloat:before,
.bg-main-wrapper .clearfloat:after {
  display: table;
  content: " ";
}
.bg-main-wrapper .clearfloat:after {
  clear: both;
}
.bg-main-wrapper .clearfloat {
  *zoom: 1;
}
.bg-main-wrapper .fl {
  float: left;
}
.bg-main-wrapper .fr {
  float: right;
}
.bg-main-wrapper .req_value.wyear .zs-box {
  width: 105px;
}
.bg-main-wrapper .req_value.wmonth .zs-box {
  width: 80px;
}
.bg-main-wrapper .req_value .zs-value {
  color: #626262;
}
.bg-main-wrapper .req_value .zs-down-ico {
  background-position: -225px -68px;
}
.bg-main-wrapper .main-wrapper .req_title,
.bg-main-wrapper .main-wrapper .req_value {
  display: inline-block;
  vertical-align: middle;
}
.bg-main-wrapper .main-wrapper .main-title {
  padding: 15px;
  margin-top: 30px;
  background-color: #f9f9f9;
}
.bg-main-wrapper .main-wrapper .main-title > span {
  font-size: 16px;
  color: #343f4c;
  display: inline-block;
  margin-right: 15px;
}
.bg-main-wrapper .main-wrapper .main-title .active-top .zs-list {
  top: 100%;
  bottom: auto;
}
.bg-main-wrapper .main-wrapper .report-chart-main {
  position: relative;
  height: 615px;
  background: #fff;
  margin-bottom: 30px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-chart-main-title {
  padding: 15px;
  margin-top: 40px;
  background-color: #f9f9f9;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-chart-main-title > span {
  font-size: 16px;
  color: #343f4c;
  display: inline-block;
  margin-right: 15px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-cont {
  max-width: 1200px;
  height: 190px;
  margin: 0 auto;
}
.bg-main-wrapper .main-wrapper .report-chart-main .market {
  width: 80%;
  height: 350px;
  margin-left: 10%;
  margin-top: -10px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .heightline {
  width: 1px;
  height: 560px;
  background: #eaeaea;
  position: absolute;
  top: 60px;
  left: 50%;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell {
  width: 310px;
  height: 150px;
  margin-top: 50px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell h4 {
  text-align: center;
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  color: #626262;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .report-cont-titlt {
  float: left;
  height: 150px;
  line-height: 150px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .report-cont-titlt img {
  vertical-align: middle;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .report-cont-titlt span {
  font-size: 26px;
  color: #409eff;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
  vertical-align: middle;
  margin: 0 10px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .report-cont-titlt span.netred {
  color: #ff5353;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap {
  display: block;
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 75px;
  -webkit-border-radius: 75px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-bg {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: #e8e8e8;
  border-radius: 75px;
  -webkit-border-radius: 75px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-sector {
  position: absolute;
  width: 150px;
  height: 150px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-circle {
  position: absolute;
  background-color: #FFF;
  width: 130px;
  height: 130px;
  left: 10px;
  top: 11px;
  z-index: 10;
  border-radius: 70px;
  -webkit-border-radius: 70px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-circle p {
  font-size: 34px;
  font-family: 'Microsoft YaHei';
  font-weight: bold;
  text-align: center;
  margin: 40px 0 0 0 ;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-circle p.rate1 {
  color: #409eff;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell .jqm-round-wrap .jqm-round-circle p.rate2 {
  color: #ff5353;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell.fl {
  margin-left: 15px;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-circle .row-cell.fr {
  margin-right: 75px;
}
.bg-main-wrapper .main-wrapper .data-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
  margin-left: -20px;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(20% - 24px);
  max-width: 360px;
  height: 95px;
  background: #fff;
  margin-left: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  float: left;
  box-shadow: 0 0 5px rgba(12, 6, 14, 0.1);
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img {
  width: 108px;
  height: 100%;
  float: left;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img.c_red {
  background-color: #f56c6c;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img.c_blue {
  background-color: #409eff;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img.c_yellow {
  background-color: #e6a23c;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img.c_green {
  background-color: #67c23a;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .data-cont {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 100px;
  margin: 15px 0 0 25px;
  cursor: default;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .data-cont p {
  font-size: 12px;
  color: #626262;
  margin: 5px;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell .data-cont .data-cont-num {
  font-size: 34px;
  color: #393838;
  font-style: normal;
  margin-left: 5px;
}
.bg-main-wrapper .main-wrapper .data-list .data-cell:hover {
  box-shadow: 0 0 15px #d6d6d6;
}
@media screen and (max-width: 1400px) {
  .bg-main-wrapper .main-wrapper .data-list {
    margin-left: -10px;
  }
  .bg-main-wrapper .main-wrapper .data-list .data-cell {
    height: 75px;
    margin-left: 10px;
  }
  .bg-main-wrapper .main-wrapper .data-list .data-cell .legend_img {
    width: 86px;
  }
  .bg-main-wrapper .main-wrapper .data-list .data-cell img {
    display: block;
    width: 86px;
    height: 75px;
  }
  .bg-main-wrapper .main-wrapper .data-list .data-cell .data-cont {
    margin: 10px 0 0 15px;
    left: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .bg-main-wrapper .main-wrapper .data-list .data-cell .data-cont .data-cont-num {
    font-size: 25px;
  }
}
.data-wraper {
  height: 80px;
}
.data-wraper .data-cell {
  height: 100%;
  display: inline-block;
  box-shadow: 0 0 15px #d6d6d6;
}
.data-wraper .data-cell img {
  height: 100%;
  vertical-align: top;
}
.data-wraper .data-cell .data-cont {
  display: inline-block;
  padding: 10px 20px 0 10px;
}
.data-wraper .data-cell .data-cont p {
  font-size: 12px;
  color: #626262;
  margin: 5px;
}
.data-wraper .data-cell .data-cont em {
  font-size: 34px;
  color: #393838;
  font-style: normal;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-cont.updown-line {
  margin: 40px 0 -45px;
  max-width: 100%;
  height: auto;
  text-align: center;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-cont.updown-line .report-circle .row-cell {
  margin: 0;
  width: auto;
  height: auto;
  display: inline-block;
}
.bg-main-wrapper .main-wrapper .report-chart-main .report-cont.updown-line .report-circle .row-cell .report-cont-titlt {
  height: auto;
  line-height: 1;
}
.datav-total {
  padding: 10px;
  margin: 0 auto;
  display: inline-block;
  border: 1px #e0e3ea solid;
  border-radius: 10px;
  line-height: 25px;
  font-size: 13px;
}
.datav-total > span {
  margin: 0 15px;
  display: inline-block;
}
.datav-total > span i {
  font-weight: bold;
}
